1

我有一个可点击的标记,我想附加一个'class'或'id'标签到 ,方法与<a href='' id='???'>的方式非常相似。将“Class”或“id”标签附加到标记链接

<div id="map" style="width: 500px; height: 400px;"></div> 
<script type="text/javascript"> 
var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 2, 
    center: new google.maps.LatLng(35.55, -25.75), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

var marker = new google.maps.Marker({ 
    position: map.getCenter(), 
    url: '#popup1', 
    map: map 
}); 

google.maps.event.addListener(marker, 'click', function() { 
    window.location.hash = marker.url; 
}); 


对于那些想也回答:我发现SimpleModal。

http://www.ericmmartin.com/projects/simplemodal/

然后我用$( “#元件-ID”)的模态();标记点击事件,它启动一个外部的Jquery窗口。

感谢您的时间,虽然,Loïc!

回答

1

也许你就能得到以下这里提出的建议的DOM节点:仍然 Get DOM Element of a marker in Google Maps API 3

,访问DOM节点(以设定的ID和CSS类)不似乎是谷歌地图工程团队设计标记的方式。事实上,标记是由谷歌地图API分配的ID,我不会篡改它,因为它可能会破坏功能。

如果你想要改变标记的视觉效果,你可以使用图标而不是标记。图标是具有自定义图像的标记。你可以在这里得到更多的信息: http://code.google.com/apis/maps/documentation/javascript/overlays.html#Icons

如果你想要保留标记本身,你可以将它存储在一个数组中,稍后在代码中访问它。

+0

(对不起,我不知道“ENTER”意思是提交:))我想用ID打开一个JQUERY弹出窗口作为Google infowindows的替代方法。如果我设置了特定的ID,弹出窗口才会打开。有没有解决这个问题的方法?也许可以使用未由google api设置的外部标记?谢谢 – pufAmuf

+0

我不知道jQuery的模态插件。这似乎很有用,感谢分享! –