Question

加载Maps API（https://maps.googleapis.com/maps/api/js?v=3.exp）后，我只测试以下基本映射init，但失败了。这只是地图教程中的复制粘贴。

var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

在Chrome开发工具中，我收到错误：Uncaught TypeError：undefined不是函数

如果我输入控制台：

谷歌    - ＆GT; Object {loader：Object，load：function，T：function .....

google.maps    - ＆GT;对象{modules：Object， __ gjsload __ ：function，Load：function}

google.maps.LatLng    - ＆GT;未定义

google.maps.Map    - ＆GT;未定义

google.maps.event    - ＆GT;未定义

div id =＆＃34; map-canvas＆＃34;存在，它有宽度，高度和蓝色边框，我可以在页面中看到一个空的蓝色矩形。

有人可以帮忙吗？谢谢！

Answer 1

尝试在head标记上包含此链接：

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>

我在google地图示例中看到了您的代码相同。如果需要，请参阅此站点。 https://developers.google.com/maps/documentation/javascript/examples/map-simple

Answer 2

我不确定您使用代码尝试了什么，请注意以下JSFiddle代码。

如果您有进一步的查询或评论，请提及它们，然后编辑jsfiddle。

var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

问候D.

google.maps已定义但不起作用

2 个答案: