为什么我的地图没有显示在我的联系页面上?

时间:2017-03-10 11:25:11

标签: javascript google-maps google-api

我尝试按照谷歌的步骤将地图添加到我的页面, 得到钥匙,按照解释做了所有事情,但没有出现。

 `

<div id="map" style="width:100%;height:400px;background:grey;">
</div>

 <script>
          function myMap(){
        var mapCanvas = document.getElementById("map");
                var mapOptions = {
                  center: new google.maps.LatLng(51.5, -0.2), zoom:10
                };
                var map = new google.maps.Map(mapCanvas, mapOptions);
              }
 </script>

<script src="https://maps.googleapis.com/maps/api/js?key=MY_KEY_HERE"></script>

 `

1 个答案:

答案 0 :(得分:0)

感谢@Mazz,我能够解决这个问题; 结果我称之为不同的功能。 map()代替myMap()。 现在工作正常。 谢谢。

<body onload="myMap()">