Javascript， 更改谷歌地图标记颜色

Question

我可以知道一种通过Javascript改变谷歌地图标记颜色的方法吗..我是这方面的新手，任何帮助都将不胜感激，谢谢。

我使用以下代码创建标记

 marker = new google.maps.Marker({
     position: new google.maps.LatLng(locations[i][1], 
     locations[i][2]),
     animation: google.maps.Animation.DROP,
     map: map
 });

Answer 1

你可以使用这段代码，它工作得很好。

 var pinImage = new google.maps.MarkerImage("http://www.googlemapsmarkers.com/v1/009900/");

 var marker = new google.maps.Marker({
            position: yourlatlong,
            icon: pinImage,
            map: map
        });

参见此处的示例

Answer 2

您可以使用描边颜色属性：

var marker = new google.maps.Marker({
    id: "some-id",
    icon: {
        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
        strokeColor: "red",
        scale: 3
    },
    map: map,
    title: "some-title",
    position: myLatlng
});

有关其他可能性，请参阅此页面。

Answer 3

在谷歌地图API v3中，你可以尝试改变标记图标。例如，绿色图标使用:

marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png')

或作为标记初始化的一部分：

marker = new google.maps.Marker({
    icon: 'http://...'
});

其他颜色：

• http://maps.google.com/mapfiles/ms/icons/blue-dot.png
• http://maps.google.com/mapfiles/ms/icons/red-dot.png

等。