我正在制作一张上面有多个标记的地图。
这些标记使用自定义图标,但我还想在顶部添加数字。我已经了解了如何使用旧版本的 API 来实现这一点。我怎样才能在V3中做到这一点?
*注意——当您将鼠标悬停在标记上时,“标题”属性会创建一个工具提示,但我希望即使您没有将鼠标悬停在自定义图像的顶部,该内容也会分层在自定义图像的顶部。
这是标记类的文档,这些属性似乎都没有帮助:http://code.google.com/apis/maps/documentation/v3/reference.html#MarkerOptions http://code.google.com/apis/maps/documentation/v3/reference.html#MarkerOptions
不幸的是,这并不容易。您可以基于 OverlayView 类创建自己的自定义标记(一个例子 http://gmaps-samples-v3.googlecode.com/svn/trunk/overlayview/custommarker.html)并在其中放入您自己的 HTML,包括一个计数器。这将为您留下一个非常基本的标记,您无法轻松拖动或添加阴影,但它是非常可定制的。
或者,你可以将标签添加到默认标记 http://blog.mridey.com/2009/09/label-overlay-example-for-google-maps.html。这将不太可定制,但应该可行。它还保留了标准标记所做的所有有用的事情。
您可以在 Google 的文章中阅读有关叠加层的更多信息MVC 对象的乐趣 http://code.google.com/apis/maps/articles/mvcfun.html.
编辑:如果你不想创建 JavaScript 类,你可以使用谷歌的图表 API http://groups.google.com/group/google-chart-api/web/chart-types-for-map-pins。例如:
编号标记:
http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=7|FF0000|000000
文本标记:
http://chart.apis.google.com/chart?chst=d_map_spin&chld=1|0|FF0000|12|_|foo
这是快速简便的路线,但可定制性较差,并且需要客户端为每个标记下载新图像。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)