谷歌地圖加載問題div

-1

我想加載谷歌地圖內div。我的腳本如下谷歌地圖加載問題div

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

    key=AIzaSyAiy_9XkvL8a5-zsSV5jFpH8sHcth5HkpE&callback=myMap"></script> 

    <script> 
    function myMap() { 
       var mapOptions = { 
        center: new google.maps.LatLng(19.015509, 72.843067), 
        zoom: 10, 
        mapTypeId: google.maps.MapTypeId.HYBRID 
       } 
       var map = new google.maps.Map(document.getElementById("map"), mapOptions); 
      } 
    </script>

而在頁面的加載我得到錯誤。我附上了錯誤圖像。

來源

2017-09-14 Yogesh k

我不知道你到底錯在哪裏。但是由你得到的錯誤。該功能設置不正確。或者它不在本地範圍內。但是，您應該查看Google的地圖。如果你想要的地址。還有另一種方法可以將它加入你的代碼。只需輸入Google地圖並選擇對應關係，然後將其粘貼到代碼中即可。我附上一個你可以理解的例子。我的意思是。

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2702.5938589941825!2d8.640130883976095!3d47.36132677916924!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479aa3ffb7057dbb%3A0x8dfd514b03a2c801!2sBodenacherstrasse+52%2C+8121+F%C3%A4llanden!5e0!3m2!1siw!2sch!4v1505149050010" frameborder="0" style="border:0" allowfullscreen></iframe>

來源

2017-09-14 05:40:52

打動你的腳本MYMAP（）的調用googleapis

<script> 
    function myMap() { 
       var mapOptions = { 
        center: new google.maps.LatLng(19.015509, 72.843067), 
        zoom: 10, 
        mapTypeId: google.maps.MapTypeId.HYBRID 
       } 
       var map = new google.maps.Map(document.getElementById("map"), mapOptions); 
      } 
    </script> 
    <script src="https://maps.googleapis.com/maps/api/js? 

    key=AIzaSyAiy_9XkvL8a5-zsSV5jFpH8sHcth5HkpE&callback=myMap"></script>

來源

2017-09-14 07:46:45

之前，你必須以錯誤的順序腳本。您正在加載Google Maps Javascript API v3而沒有defer async標籤，因此當它完成加載（內聯）時，它將嘗試調用功能myMap，該功能在腳本包含後定義（內聯）。反轉訂單。

概念證明：

fiddle with original order

錯誤：Uncaught Vb {message: "myMap is not a function", name: "InvalidValueError", stack: "Error↵ at new Vb (https://maps.googleapis.com/m….googleapis.com/maps/api/js?callback=myMap:144:59"}

fiddle with reordered code

（沒有錯誤，加載地圖）

工作代碼片段：

html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<div id="map"></div> 
 
<script> 
 
    function myMap() { 
 
    var mapOptions = { 
 
     center: new google.maps.LatLng(19.015509, 72.843067), 
 
     zoom: 10, 
 
     mapTypeId: google.maps.MapTypeId.HYBRID 
 
    } 
 
    var map = new google.maps.Map(document.getElementById("map"), mapOptions); 
 
    } 
 
</script> 
 
<script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script>

來源

2017-09-14 09:25:33 geocodezip

谷歌使用initMap默認功能，所以使用initMap()代替myMap()

試試這個：

function initMap() { 
    var mapOptions = { 
      zoom: 14, 
      center: new google.maps.LatLng(19.015509, 72.843067), 
      scrollwheel: false 
     };

來源

2017-10-12 19:34:58

谷歌地圖加載問題div

回答

相關問題