错误: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 Uncaught TypeError:this.setValues不是函数

Answer 1

看看地图标记不显示(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)
})