Google Maps標記完全不顯示，其他所有功能都可以

Question

我已經在這個問題上停留了幾天，這可能是我忽略了一些愚蠢的事情，所以我希望有人可以在這里幫助我。

我已經在網站上添加了Google地圖，但我想更改標記，但是該標記不會顯示。 其他一切都很好。 這是我的代碼：

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);

Answer 2

開發者控制台中有任何錯誤？ 讓我猜測您遇到了“地圖未定義”或其他錯誤，因為在初始化發生之前調用了新的google.maps.Marker（）。