相关疑难解决方法(0)

我正在尝试使用以下代码使用Google MAP API v3.

<h2>Topology</h2>

<script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.topology.css' %}" />
<link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.css' %}" />

<style type="text/css" >
      #map_canvas {
              width:300px;
            height:300px;
     }
</style>

<script type="text/javascript">

var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);

</script>

<div id="map_canvas"> </div>

当我运行此代码时,浏览器会这样说.

未捕获的TypeError:无法读取null的属性'offsetWidth'

我不知道,因为我遵循本教程中给出的指示.

你有什么线索吗？

在旧版本的API中,我必须使用类似的东西将javascript插入到页面中,以便只使用基本功能:

http://maps.google.com/maps?file=api&v=2&key= GoogleMapsAPIKey

我必须为每个站点配置API密钥.看一下文档,它说要获得一个基本的地图,我只需要这个:

http://maps.google.com/maps/api/js?sensor= true/false

API密钥在哪里适用？如果我只是计划使用基本地图和标记而不是更高级的功能,我是否需要担心？

我也在localhost上测试,但常见问题解答说我还需要为它注册一个密钥,我还没有这样做,它仍然有效.