如何将自定义HTML地图标记添加到诺基亚HERE地图？

Question

根据我在诺基亚地图上阅读的文档，我可以使用基于矢量的绘图API添加自定义标记： http://developer.nokia.com/Community/Wiki/HERE_Maps_API_-_How_to_create_custom_graphics_marker

您可以创建自定义图形标记，但仅基于精灵： http://heremaps.github.io/examples/examples.html#sprite-markers

或者您可以添加自己的标记： http://developer.nokia.com/Community/Wiki/HERE_Maps_API_-_How_to_add_map_markers

但是有没有办法提供HTML片段在地图上像地图标记一样定位？这就是其他地图库的工作方式，因此我可以完全控制HTML / CSS中的地图标记。我已经有了我想要使用的地图标记，它们在HTML / CSS中设置样式，并且不想在自定义JS中复制该样式。

Answer 1

如果您打算使用带样式的注入HTML，则可以创建一系列自定义组件（每个标记一个）并将它们附加到map。这将为每个组件注入一个块级元素，您可以根据需要设置样式。

这与我在API中公开ImgTileProvider类之前使用的简单GroundOverlay组件并不完全不同 - 它注入<IMG>元素并在{{1上调整大小（你可能需要删除它），但仍然有效地将一段HTML附加到地图上的特定锚点。

对于大多数简单的应用程序，我通常会使用Markers（有或没有我自己的图像）或Infobubbles。这些可以提供更具响应性和标准的UI，并且不会使地图混乱。

zoomLevel