1

我有一个可点击的标记，我想附加一个“类”或“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！

4

1 回答 1

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

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

于 2011-07-08T09:51:05.807 回答