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类）似乎不是谷歌地图工程团队设计标记的方式。事实上，标记被谷歌地图api分配了一个id，我不会篡改它，因为它可能会破坏功能。

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

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

将“Class”或“id”标签附加到Marker Link

1 个答案: