OpenLayers3 ol.Overlay更改位置而不进行映射更改

时间:2016-06-13 08:43:07

标签: openlayers-3

此图片是我在Chrome中最大化的地图。

Fullscreen

这是我重新调整Chrome尺寸后的完全相同的视图和缩放级别。

Resized down

请注意纽约的符号现在如何在大西洋。这似乎适用于我在叠加中加载的所有符号。当以全尺寸显示地图时,所有符号都正确排列,但在窗口不再最大化时漂移。在进一步缩小的水平下,漂移会随着您必须尽可能放大以获得正确的视图而恶化。

我的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)
                    }));

0 个答案:

没有答案