無法在Safari 8，IE11中加載Google Maps API v3

Question

我有以下代碼來加載Google地圖。 它適用於大多數瀏覽器，但不適用於IE11和Safari8。相反，我只是獲得了容器的背景色。

我認為這與未調用該函數有關，因為如果我向腳本添加警報，它也會忽略該警報。 該警報在加載地圖的瀏覽器上有效。

僅供參考-php來自WP插件高級自定義字段。

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJ02VcPM0KRyiwWNd_hjr0nNnTMJkFmVs&sensor=false"></script>
<script type="text/javascript">
    //google.maps.event.addDomListener(window, 'load', init);

    function init() {
        <?php
            $location = get_field("map_location", $contactpage);
        ?>

        var lat = <?php echo $location['lat']; ?>;
        var lng = <?php echo $location['lng']; ?>;
        var myLatLng = {lat, lng};

        var lat = lat + 0.016;
        var latLngCenter = {lat, lng};

        var mapOptions = {
            zoom: 13,
            zoomControl: false,
            scaleControl: true,
            disableDoubleClickZoom: true,
            mapTypeControl: false,
            streetViewControl: false,
            draggable: false,
            disableDoubleClickZoom: true,
            scrollwheel: false,
            center: new google.maps.LatLng(latLngCenter),
            styles: <?php the_field("map_customization", $contactpage); ?>
        };

        var mapElement = document.getElementById('map');
        var map = new google.maps.Map(mapElement, mapOptions);

        <?php
            if(get_field("show_map_marker", $contactpage) == 1) { ?>
                var mapicon = '<?php the_field("map_marker_image", $contactpage); ?>';
                var marker = new google.maps.Marker({
                    position: myLatLng,
                    map: map,
                    title: '<?php the_field('map_marker_title', $contactpage); ?>',
                    icon: mapicon,
                    optimized:true
                });

            //alert("show map");

            //Remap map on resize.
            google.maps.event.trigger(map, "resize");   
        <?php
            };
        ?>
    };

    $(window).resize(init);
    $(document).ready(init);
</script>

Answer 1

我在IE11中收到JavaScript錯誤： SCRIPT1003: Expected ':'這些行上SCRIPT1003: Expected ':' ：

var myLatLng = {lat, lng};
// ...
var latLngCenter = {lat, lng};

這些需要是：

var myLatLng = {lat: lat, lng: lng};
// ...
var latLngCenter = {lat: lat, lng: lng};