如何解决使用传单显示大量图像叠加层时Chrome错误的解决方法
当显示大量重叠的图像叠加层时,最新版本的Chrome / Chromium中存在一个错误。 (请参阅:https://bugs.chromium.org/p/chromium/issues/detail?id=1122035)。
不幸的是,我们的应用程序当前以显示此问题的方式显示图像叠加层。虽然我们希望它最终会在Chrome中修复,但我们仍在努力寻找与此问题有关的所有解决方法。
我们尝试设置L_DISABLE_3D = false可以解决当前问题,但随后会导致我们在地图上显示的弹出窗口以及缩放到较低级别时出现其他问题,这两个问题我们都无法纠正。
我们尝试过调整transform3DLimit,但这似乎也不会影响该问题。
我们已经考虑过制作较小的叠加层,但这只会将问题转移到稍高的缩放级别,并且会对我们的应用产生很大影响。
我们还考虑了限制缩放级别,但这对我们的客户来说可能不可接受,但这是我们将继续研究的问题。
浏览Leaflet文档的其余部分似乎并没有提供任何其他可能影响此设置的设置。我们错过了什么吗?
导致该问题的代码示例为:(摘自Chrome错误报告:)
var mymap = L.map('simplemap',{
zoomControl: false,center: [0,0],zoom: 2,maxZoom: 8,minZoom: 2,attributionControl: false,maxBounds: [
[-90,-180],[90,180]
]
});
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{
maxZoom: 18,id: 'mapbox/streets-v11'
}).addTo(mymap);
var pane = mymap.createPane('red');
var imageOverlays = L.layerGroup();
for (let i = 0; i < 200; i++) {
L.imageOverlay("http://www.clker.com/cliparts/X/9/P/m/2/g/transparent-red-circle.svg",new L.LatLngBounds(new L.LatLng(0,0),new L.LatLng(50,150)),{
pane: 'red'
}).addTo(imageOverlays);
}
mymap.addLayer(imageOverlays);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。