javascript - 谷歌地图标记根本不显示，其他一切正常

Question

我已经被这个问题困扰了几天，这可能是我忽略的一些愚蠢的事情，所以我希望有人可以帮助我。

我已在网站上添加了 Google map ，并且想要更改标记，但是它不显示。其他一切都很好。这是我的代码:

function initialize() {
    var mapCanvas = document.getElementById('map');
    var mapOptions = {
        center: new google.maps.LatLng(52.339052, 4.626403),
        zoom: 17,
        scrollwheel: false,
        scaleControl: false,
        navigationControl: false,
        streetViewControl: false,
        disableDefaultUI: true,

        mapTypeId: google.maps.MapTypeId.ROADMAP

    };

    var map = new google.maps.Map(mapCanvas, mapOptions)

}

google.maps.event.addDomListener(window, 'load', initialize);

var image = '<?php bloginfo("template_url");?>/images/maps-icon.svg';
var myLatLng = new google.maps.LatLng(52.339052, 4.626403);
var beachMarker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: image
});

Answer 1

更改为:

function initialize() {
    var mapCanvas = document.getElementById('map');
    var mapOptions = {
        center: new google.maps.LatLng(52.339052, 4.626403),
        zoom: 17,
        scrollwheel: false,
        scaleControl: false,
        navigationControl: false,
        streetViewControl: false,
        disableDefaultUI: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(mapCanvas, mapOptions);

    var image = '<?php bloginfo("template_url");?>/images/maps-icon.svg';
    var myLatLng = new google.maps.LatLng(52.339052, 4.626403);
    var beachMarker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: image
    });
}

google.maps.event.addDomListener(window, 'load', initialize);