我想使用 Google Maps JavaScript API 实现一个复杂的标记,该 API 结合了静态图像(PNG 文件)和可“动态”编辑的图像(例如 SVG)。这就是我的目标:
我已经将“士兵”构建为 PNG 文件标记,并且一切正常。但是,我似乎找不到一种方法将多个元素添加到标记的“图标”属性。我已阅读所有 Google Maps API 文档、参考和示例,并查看了此链接:
该链接似乎并没有完全帮助,因为我希望士兵下方的红条能够动态更改,因为它代表士兵的健康状况。
有人有可行的解决方案吗?我不介意它不使用SVG而使用CSS甚至Canvas,只要它呈现一个简单的矩形,并且长度可以动态调整。
谢谢。