Question

我正在使用谷歌地图API V3。我想使用自定义标记而不是红色标记。之前的代码是

   var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    // display map
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    if(display_marker) {
        // create a map marker
        var marker = new google.maps.Marker({
            map: map,
            position: latlng
        });
    }

但是对于自定义标记，我将代码更改为

var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    // display map
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


        // create a map marker
        var image = 'imgs/pin.png';
        var marker = new google.maps.Marker({
            map: map,
            position: latlng,
            icon: image
        });

但是这不起作用。

Answer 1

图像路径可能不正确，但

您还可以取消var image，只需根据您的具体情况定义var marker下的图标。

var marker = new google.maps.Marker({
            map: map,
            position: latlng,
            icon: 'imgs/pin.png',
        });

Answer 2

您的代码看起来没问题。

图像路径可能已关闭。

尝试将pin.png放在与地图相同的文件夹中，然后更改

var image = 'imgs/pin.png';

到

var image = 'pin.png';

如果有效，那么你需要修改路径，可能是

var image = '/imgs/pin.png';

或

var image = '../imgs/pin.png';

使用谷歌地图api v3制作自定义标记

2 个答案: