小编Arj*_*Arj的帖子

具有多个图标的 Google 地图 API 标记

我想使用 Google Maps JavaScript API 实现一个复杂的标记,该 API 结合了静态图像(PNG 文件)和可“动态”编辑的图像(例如 SVG)。这就是我的目标:

Google 地图标记 PNG + SVG

我已经将“士兵”构建为 PNG 文件标记,并且一切正常。但是,我似乎找不到一种方法将多个元素添加到标记的“图标”属性。我已阅读所有 Google Maps API 文档、参考和示例,并查看了此链接:

如何在 v3 中为 Google 地图标记放置多个图标?

该链接似乎并没有完全帮助,因为我希望士兵下方的红条能够动态更改,因为它代表士兵的健康状况。

有人有可行的解决方案吗?我不介意它不使用SVG而使用CSS甚至Canvas,只要它呈现一个简单的矩形,并且长度可以动态调整。

谢谢。

javascript css svg google-maps html5-canvas

5
推荐指数
1
解决办法
5790
查看次数

标签 统计

css ×1

google-maps ×1

html5-canvas ×1

javascript ×1

svg ×1