Question

我已从google maps api开发者网站查看此example。

我会尝试测试这个例子。但这不起作用，我不知道为什么这不起作用。

这是我的HTML代码：

<div class="six columns padding_right_left_clean">
    <div class="responsiveContainer">
        <div id="map-canvas"></div>
    </div>
</div>

这里是示例页面的JavaScript代码：

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);

JSFIDDLE DEMO

希望有人可以帮助我。

Answer 1

您是否在代码中插入了<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>？您应该在此链接上找到Google Map API：https://developers.google.com/maps/documentation/javascript/tutorial

谷歌地图api示例加载地图无法正常工作

1 个答案: