Question

使用JavaScript并不是最好的选择，并且在使用某些Google Maps代码时遇到了一些麻烦，但是它在MS Edge上是零星的，但在Chrome上是一致的，并且标记不会加载。如果您继续请求该页面，有时它可以正常工作，但失败通常更多。

错误：不是LatLngBounds或LatLngBoundsLiteral：不是对象名称： “ InvalidValueError”

脚本使用以下代码调用

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXXXX&amp;libraries=places"></script>```

<script async type="text/javascript" src="{{media url='scripts/store-locator.js'}}"></script>```

  require(["jquery"], function ($) {

        $(document).ready(function () {
            initialize();
        });

        var geocoder,
            map,
            markers = [],
            infowindow = new google.maps.InfoWindow(),
            bounds = new google.maps.LatLngBounds(),
            marker, i;

        var locations = [
            { id: 1, name: 'Store1', lat: 58.482514, lng: -1.784622 },
            { id: 2, name: 'Store2', lat: 54.687925, lng: 0.312584 }
        ];

        function initialize() {

            // set the default google map settings
            geocoder = new google.maps.Geocoder();
            directionsDisplay = new google.maps.DirectionsRenderer({ draggable: true });
            var latlng = new google.maps.LatLng(52.727440, -1.543299);
            var myOptions = {
                zoom: 6,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            // register the google map elements
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            // register the directions display
            directionsDisplay.setMap(map);
            directionsDisplay.setPanel(document.getElementById('directions'));
            addMarkers();
            map.fitBounds(bounds);

            google.maps.event.addListenerOnce(map, 'tilesloaded', function () {
                // setup control position
                control = document.getElementById('store-selector');
                map.controls[google.maps.ControlPosition.TOP_RIGHT].push(control);
                control.style.display = 'block';
            });
        }

        // add the markers from the array to the map
        function addMarkers() {
            $.each(locations, function (key, value) {
                // create the marker
                marker = new google.maps.Marker({
                    position: new google.maps.LatLng(this.lat, this.lng),
                    map: map,
                    name: this.name

                });

                // add the marker to the cached array
                markers.push(marker);
                bounds.extend(marker.position);

                // add the event listerner for the marker click function
                google.maps.event.addListener(marker, 'click', (function (marker, i) {
                    return function () {
                        // info window display
                        map.setZoom(16);
                        map.setCenter(marker.getPosition());


                    }
                })(marker, i));

            });
        }
    });```

Answer 1

好的，我想我已经解决了，这要感谢geocodezip提出了时间问题。在$（document）.ready（function（）{ 初始化（）; }）;

我已将其移至文件的底部，并且现在看来一切正常。

Google Maps v3不是LatLngBounds或LatLngBoundsLiteral：不是对象名称：“ InvalidValueError”

1 个答案: