Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Leaflet 如果两张地图保持同步,打开的弹出窗口将导致传单崩溃_Leaflet_React Leaflet - Fatal编程技术网

Leaflet 如果两张地图保持同步,打开的弹出窗口将导致传单崩溃

Leaflet 如果两张地图保持同步,打开的弹出窗口将导致传单崩溃,leaflet,react-leaflet,Leaflet,React Leaflet,我有这样一个场景,在移动/缩放地图时,我需要保持两个地图的同步,即它们的中心和缩放比例彼此匹配。使用onViewportChanged事件处理程序为父组件中的映射设置状态。两个贴图都有标记,但用于根据贴图显示不同的对象。每当点击打开任何弹出窗口,然后移动地图,使弹出窗口留在当前边界框之外时,应用程序就会崩溃。 控制台中的完整堆栈跟踪: Uncaught TypeError: Cannot read property 'classList' of undefined at removeCl

我有这样一个场景,在移动/缩放地图时,我需要保持两个地图的同步,即它们的中心和缩放比例彼此匹配。使用
onViewportChanged
事件处理程序为父组件中的映射设置状态。两个贴图都有标记,但用于根据贴图显示不同的对象。每当点击打开任何弹出窗口,然后移动地图,使弹出窗口留在当前边界框之外时,应用程序就会崩溃。 控制台中的完整堆栈跟踪:

Uncaught TypeError: Cannot read property 'classList' of undefined
    at removeClass (leaflet-src.js:2355)
    at NewClass._onPanTransitionEnd (leaflet-src.js:4599)
    at NewClass.fire (leaflet-src.js:593)
    at NewClass._complete (leaflet-src.js:3018)
    at NewClass._step (leaflet-src.js:2996)
    at NewClass._animate (leaflet-src.js:2985)

我设置了一个简单的示例来演示这一点: