錯誤：this.setValues不js代碼使用谷歌地圖API的功能

Question

這裏是Java腳本代碼：

<script> 
     function initMap() { 
      var lat = 10; 
      var lng = 10; 
      var propertyCenter = {lat: 10, lng: 10}; 
      var propertymap = { 
       center: new google.maps.LatLng(lat, lng), 
       zoom: 7, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var map = new google.maps.Map(document.getElementById("propmap"), propertymap); 

      var marker = google.maps.Marker({ 
       position: propertyCenter 

      }); 
      marker.setMap(map); 

     } 
     google.maps.event.addDomListener(window, 'load', initMap); 

    </script> 

我得到的控制檯以下錯誤：

JS鍵= my_key &回調= initMap：65 遺漏的類型錯誤：this.setValues不是一個函數

Answer 1

看看Map Markers Not Displaying (JavaScript/Google Maps API V3)

嘗試改變

var marker = google.maps.Marker 

到

var marker = new google.maps.Marker 

添加new應該解決您的問題

這也適用於圖書館load-google-maps-api使用的WebPack那些。

loadGoogleMapsAPI().then((googleMaps) => { 
    new googleMaps.Map(element, {options}) 
}).catch((err) => { 
    console.error(err) 
})