将“类”或“id”标签附加到标记链接

Question

我有一个可点击的标记，我想将“class”或“id”标签附加到该标记上， 与<a href='' 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/

然后我使用了 $("#element-id").modal();在标记点击事件上，它会启动一个外部 Jquery 窗口。

感谢您的宝贵时间，Loïc！

Answer 1

也许您将能够按照此处提出的建议获取 dom 节点： Get DOM Element of a marker in Google Maps API 3

不过，访问 dom 节点（以设置 id 和 css 类）似乎不是谷歌地图工程团队设计标记的方式。事实上，标记是由 google map api 分配的，我不会篡改它，因为它可能会破坏功能。

如果您想要改变标记的视觉效果，您可以使用图标而不是标记。图标是带有自定义图像的标记。您可以在此处获取更多信息： http://code.google.com/apis/maps/documentation/javascript/overlays.html#Icons

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