javascript - D3+Leaflet map.on() 问题 - 在拖动事件期间(或之后)运行函数

Question

我正在使用 D3+leaflet 并有一个问题 - 当我放大 map 时，我的 SVG 元素似乎消失在 map 框的范围之外。意思是，当我放大 map ，然后拖动到不同的位置时框架，SVG 元素未加载。所以我想为拖动事件执行map.on()函数，但我遇到了麻烦。

因此，当您放大时，重新绘制 SVG 可以使用 map.on("viewreset") 正常工作 - 但 map.on("drag") 或map.on("dragend") 似乎没有效果。

  var cheat_function = function() { reset(data); drawHour( orderedColumns[currentFrame] )};

    map.on("viewreset", cheat_function);

    map.on("dragend", cheat_function)

cheat_function 中的内容只是做一些事情，比如重新计算坐标和重新绘制 SVG。

有什么想法或窍门吗？谢谢大家。

Answer 1

尝试使用 moveend 事件:

Fired when the view of the map stops changing (e.g. user stopped dragging the map).