此图片是我在Chrome中最大化的地图。
这是我重新调整Chrome尺寸后的完全相同的视图和缩放级别。
请注意纽约的符号现在如何在大西洋。这似乎适用于我在叠加中加载的所有符号。当以全尺寸显示地图时,所有符号都正确排列,但在窗口不再最大化时漂移。在进一步缩小的水平下,漂移会随着您必须尽可能放大以获得正确的视图而恶化。
我的HTML
<body>
<div style="height: 100%; displayL flex; flex-flow:column;">
<div id="map" style ="flex: 1 1 auto;"></div>
</div>
</body>
至于创建地图,它是一个使用OSM的简单视图和通过map.addOverlay添加的普通ol.Overlay。
有人能说出为什么会发生这种漂移吗?
更新
这里是正在添加的叠加层
map.addOverlay(new ol.Overlay({
id: screenDesc.widget.id,
position: ol.proj.transform([screenDesc.longitude, screenDesc.latitude], 'EPSG:4326', 'EPSG:3857'),
positioning: 'center-center',
element: document.getElementById(screenDesc.widget.id)
}));