谷歌地图Javascript标记未显示

Question

我使用以下JavaScript显示一个带有标记@bottom-left的地图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>

标记不显示。

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

感谢您的帮助。

Steve

Answer 1

Q:为什么我的标记没有显示？

答：如评论部分所述。该代码是有效的，请参阅fiddle：https://jsfiddle.net/SamuelToh/0hegLpku.

_

问题是OP在他的生产站点中使用了一个缓存插件。这导致他的生产网站仍然使用旧代码。因此，未观察到任何变化。