使用 Bing 地图 api v8 向图钉添加多个图标

Adding multiple icons to a pushpin with Bing maps api v8

Bing 地图 v8 - 我试图在地图的特定位置代表多个 icon/symbol。

例如,在特定位置,我想要一个表示该位置的图钉,而且我想在图钉下方有另一个 icon/symbol,表示该位置的严重程度(高度拥挤 - 红色) ,适度拥挤 - 黄色,不太拥挤 - 绿色)。

我不想在图钉(图像)本身中显示它,但我想将它与位置标题一起显示在图钉图像下方。

使用 bing 地图的第 7 版,可以添加 - 至少为 puspin 图像添加不同颜色的边框,这将满足我的要求,但在 v8 bing 地图中这是不可能的添加自定义 CSS/HTML。

我还希望 puspin 可以拖动。有 HTMLPushpins 但它们不提供正确的图钉拖动。

有任何帮助或需要更多信息吗?提前致谢!

示例图片:如您所见,以下 link 中的标记有效,但它在 bing 地图中不起作用,我不知道为什么!

`https://jsfiddle.net/BalakrishnanE/19z7rd1h/#&togetherjs=NwAKHyPv9G`

我强烈建议您查看使用 SVG 模板制作图钉。这将允许您使用形状颜色选项轻松更改颜色。这是一个提供不同 SVG 图钉模板示例的工具:http://bingmapsv8samples.azurewebsites.net/#SVG%20Pushpin%20Maker

如果你能提供你要创建的图钉的屏幕截图,我可以看看我是否可以制作一个与之匹配的 SVG 模板。