使用带有弹出窗口的 leafletjs。当我的弹出窗口包含最少的文本时,一切正常。如果我把它们做得更大,它们仍然可以正常工作。如果我添加太多,我会添加
maxHeight
到弹出窗口,它使弹出窗口可滚动。
如果我一开始没有足够的内容来填充页面并使其可滚动,则它不会变得可滚动。没关系,直到我动态添加更多内容到弹出窗口,然后我需要滚动条,但它不会显示。
关于如何让 leafletjs 在弹出窗口渲染后将滚动条添加到弹出窗口的任何想法?
编辑:弹出选项是用循环中的标记初始化的,该循环根据人们想要看到的内容加载不同的数据数组。初始化如下。
var marker = L.marker(new L.LatLng(a[0], a[1]), { title: title });
marker.bindPopup('<img width="'+width+'" height="'+height+'" src="'+a[3]+'"/><br><div id="weather"> <button type="button" onclick="weatherload(\''+a[0]+'\',\''+a[1]+'\')">Click Me for Weather!</button></div>',{'maxWidth':'500','maxHeight':'350','minWidth':'350'});
CAMlayer.addLayer(marker);
弹出窗口的图像占据了大部分空间。底部有一个带有按钮的 div。单击该按钮时,它会被替换为 loader gif,同时 ajax 函数会获取一些数据,并通过 insidehtml 放入弹出窗口中。
document.getElementById("weather").innerHTML = xhttp.responseText;
我将 maxheigth 设置为 350px,一旦添加额外数据,它就会增长到 520px,并且没有滚动条。
编辑:删除测试页。