Bing 地图上的脉冲动画按钮

Answer 1

如评论中所述，SVG 图钉被转换为静态图像，然后绘制到地图 HTML5 画布上。使用 SVG 等 DOM 元素和图像元素作为图钉具有严重的性能限制，因此 Bing Maps V8 SDK 将这些元素绘制到画布上以提供高性能。

有几种方法可以解决这个问题。

1. 有一个示例添加了对 HTML Pushpin 层的支持。 https://samples.bingmapsportal.com/?sample=html-pushpin-layer 这可用于将 SVG 作为 DOM 元素加载到地图上，以便其正常动画。请注意，此示例创建了一个自定义模块，您需要将其作为附加 javascript 文件加载。
2. 看起来你的脉动松树是两个圆圈。这可以使用多边形来完成。但是，多边形的大小会随着每个缩放级别而变化，因此您可能需要相应地缩放大小。多边形动画在 Bing 地图中并不是最平滑的，因此这可能不是最好的方法。

如果您刚刚开始并且不需要使用 Bing 地图，请考虑使用 Azure 地图。它的 Web SDK 更新，具有更多功能、更高性能、支持动画，并具有内置 HTML 标记/图钉类。

https://samples.azuremaps.com/

https://learn.microsoft.com/en-us/azure/azure-maps/