Question

var center = new google.maps.LatLng(18.133333, 21.566667);
var map = new google.maps.Map(document.getElementById('map'), {zoom: 11,center: center,mapTypeId: google.maps.MapTypeId.TERRAIN});

我的html中有名字地图的DIV。

    <div id="map"></div>

JS在myscript.js中的一个名为initialize的函数中，我在index.html

中引用了该函数

------------- ----------编辑谷歌地图参考

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

Answer 1

在此div上设置宽度和高度。

HTML中的

 style='width:500px; height: 500px'

或在CSS

中

#map { width: 500px; height: 500px }

Answer 2

你确定你在你的javascript cdns之后放置了你的谷歌地图吗？

<!-- Add jQuery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Add google maps API -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=place your api key here&callback=initMap"></script>
<script src="assets/js/googleMapsApi.js"></script>

谷歌地图地图不会出现？

2 个答案: