在Infowindow中使用javascript来更改标记

时间:2012-09-09 23:44:23

标签: javascript google-maps google-maps-markers

我在Google Maps infowindow html中有一个img,onclick,我想要更改该引脚的Marker图标。

我在这里:

infowindow中的HTML:

<img id="1" onclick="changePin(this);" src="image.png">

然后功能:

function changePin(venue) {
if (venue.id == '1'){ google.maps.Marker[0].setIcon('images/pin1.png'); venue.id = '2'; } else { google.maps.Marker[0].setIcon('images/pin2.png'); venue.id = '1'; }
}

这是我正在努力的google.maps.Marker[0].setIcon('images/image2.png');语句,我猜我需要给每个标记一个名称/ ID /数组位置来解决它。

1 个答案:

答案 0 :(得分:0)

您正在错误地访问标记。我的建议是制作一系列标记,然后将代码放在infowindow中以更改图标。

这是一个应该有用的示例(更改鼠标悬停和侧边栏上的图标):

http://www.geocodezip.com/v3_MW_example_hoverchange.html