用JavaScript創建

Question

谷歌地圖標記的瀏覽器說，google.maps沒有定義

var marker = new google.maps.Marker({ 
      position: center, 
      map: map, 
      title: 'Hello World!' 
      }); 
      marker.setMap(map); 
     </script> 
     <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBxawz_fpkdpvsMZm_PozrDBznq7ph7bk0&callback=initMap" 
      ></script> 
     </body> 
    </html> 

Answer 1

你沒有寫，你已經提到圖：標記地圖

marker.setMap(map); 

沒有定義google.map的錯誤，當javascript沒有它的資源時請確認你的谷歌鍵已經初始化，然後再寫這個代碼

Answer 2

放全部取決於（異步加載的）Google Maps JavaScript API v3 裏面initMap（回調）函數的代碼。

html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<script> 
 
    window.initMap = function() { 
 
    var center = new google.maps.LatLng(40.7127837, -74.0059413); 
 
    var map = new google.maps.Map(document.getElementById('map'), { 
 
     center: center, 
 
     zoom: 8 
 
    }); 
 
    var marker = new google.maps.Marker({ 
 
     position: center, 
 
     map: map, 
 
     title: 'Hello World!' 
 
    }); 
 
    marker.setMap(map); 
 
    } 
 
</script> 
 
<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap"></script> 
 
<div id="map"></div>