Question

我正在使用以下JavaScript来显示标记为https://brand.insightdesign.com.au左下角的地图：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
<script type="text/javascript">
    var map;

    var grayStyles = [
    {
        featureType: "all",
        stylers: [
        { saturation: -90 },
        { lightness: 50 }
        ]
    },
    ];
    var mapOptions = {
    center: new google.maps.LatLng(-31.947414, 115.835933),
    zoom: 15,
    styles: grayStyles,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    function initialize() {
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    var myLatLng = {lat: -31.947414, lng: 115.835933};

    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title: 'Insight Branding'
    });                   
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map_canvas" style="position: relative; overflow: hidden; display: block; height: 180px; width: 100%;"></div>

标记不显示。

关于地图没有控制台错误。

帮助表示赞赏。

史蒂夫

Answer 1

问：为什么我的标记没有显示？

A：如评论部分所述。该代码是有效代码，请参见小提琴：https://jsfiddle.net/SamuelToh/0hegLpku。

问题原来是OP在其生产站点中使用的缓存插件。这导致他的生产站点仍旧使用旧代码。因此没有观察到任何变化。

Google Maps JavaScript标记未显示

1 个答案: