javascript - 错误 :this. setValues 不是 js 代码中的函数使用 google map 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?key=my_key&callback=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 应该可以解决您的问题

这也适用于那些使用 webpack 的库 load-google-maps-api。

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