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

开发者控制台中的任何错误？让我猜你一直在收到错误＆＃34;地图未定义＆＃34;或者因为在初始化发生之前调用了新的google.maps.Marker（）。

谷歌地图标记根本不显示，其他一切都有效

2 个答案: