React-Leaflet:缩放后缩放标记

时间:2019-03-17 02:07:21

标签: leaflet react-leaflet

我正在尝试在CRS地图(特别是带有缩写的圆形化身)上实现随地图缩放而缩放的标记(它们会根据缩放而变大或变小,而不会保持相同的大小),并具有实现性能一直很困难。

我已经为化身尝试了两个不同的组件,(仍然不确定哪个是正确的解决方案):

  • Circle组件,内部带有简单的永久性工具提示(此组件很方便,因为它会自动缩放)。
  • Marker传递了一个divIcon,我使用边框半径将其设置为圆形。我必须针对每个缩放级别调整iconSize,这使我进入下一个问题:

贴纸问题是如何获取当前缩放状态的上下文:

  • 使用地图上的Map onzoomanim:事件来获取缩放并将其传递给化身
    • 这会导致每层渲染的时间(例如平铺,叠加,工具提示)之间存在相当大的滞后时间-这是糟糕的UX
  • 使用withLeaflet HOC来获取Leaflet上下文。
    • 尽管缩放深深地嵌套在leaflet道具中,但是该组件并未根据缩放更改进行更新。

我还缺少其他可以实现所需结果的传单/反应传单吗?

0 个答案:

没有答案