我有一个带有图钉和簇的 Bing map 。
我注意到此组合中存在性能问题和错误。我已经设置了一个 demo使用 official docs 中的代码.
第一个问题:缩放后 Pin 图点击处理程序不再可点击
重现步骤:
- 加载上面的演示
- 将鼠标悬停在单个粉色图钉上 => 可点击(光标是手形/指针)
- 点击 + 按钮放大
- 一些单独的粉色图钉不再可点击(光标是默认的)
第二个问题: map 初始化时性能真的很差
看起来这是由 Bing map JavaScript 中的许多 _initiateRequest
、_setImage
或 downloadImage
调用引起的。请参阅使用 Firefox Performance 工具截取的性能屏幕截图:
如果未传递 icon
参数,性能消耗将下降一半左右,也就是说,在演示中,它被注释掉,以便仅使用默认的 Bing map 图标:
cluster.setOptions({
// commenting this out improves performance
// icon: svg.join(''),
anchor: new Microsoft.Maps.Point(radius, radius),
textOffset: new Microsoft.Maps.Point(0, radius - 8)
});
注意在演示中,只有集群 具有自定义icon
设置。如果所有引脚也获得自定义icon
设置,性能会变得非常非常差。不管图标是 SVG 还是 PNG,都是非常糟糕的性能,Bing map 似乎会触发 DOM 事件,IE11 等旧浏览器甚至会挂起几秒钟。
最佳答案
尝试使用实验分支。添加了大量更新来解决这些问题。您可以通过将“&branch=experimental”添加到 map 脚本 URL 来进行尝试。主要发布分支将在接下来的 2 周内与实验分支中的更新一起更新。
关于bing-maps - 具有图钉和群集的 Bing map 丢失了点击处理程序并且性能不佳,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43609143/