bing-maps - 具有图钉和群集的 Bing map 丢失了点击处理程序并且性能不佳

标签 bing-maps

我有一个带有图钉和簇的 Bing map 。

我注意到此组合中存在性能问题和错误。我已经设置了一个 demo使用 official docs 中的代码.

第一个问题:缩放后 Pin 图点击处理程序不再可点击

重现步骤:

  1. 加载上面的演示
  2. 将鼠标悬停在单个粉色图钉上 => 可点击(光标是手形/指针)
  3. 点击 + 按钮放大
  4. 一些单独的粉色图钉不再可点击(光标是默认的)

第二个问题: map 初始化时性能真的很差

看起来这是由 Bing map JavaScript 中的许多 _initiateRequest_setImagedownloadImage 调用引起的。请参阅使用 Firefox Performance 工具截取的性能屏幕截图:

enter image description here

如果未传递 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/

相关文章:

php - 使用 IP 地址查找纬度和经度

google-maps - 我的 SaaS 产品有哪些 map 选择(例如 Google、Bing 等)?

javascript - 在 Bingmaps v7 中显示 Pin 图上方的信息框

compiler-errors - typescript : Build: Supplied parameters do not match any signature of call target

c# - 在 Bing map WPF 上居中和缩放

windows-phone-7 - 谁为Bing Maps API调用付费?

c# - 如何判断一条线是否与 C# 中的多边形相交?

javascript - Bing map 版本 8。自定义缩放按钮

google-maps - 在同一张 map 上使用 KML、地址查找、方向和 'share map'

css - 必应 map 加载不顺畅,我正在使用 Bootstrap 3