点固定到视图(例如,中心视图的交叉)

时间:2015-04-16 19:18:52

标签: openlayers-3

定位固定观点的最佳方式是什么(不是到地图上的点)。用于显示视图的中间,同时根据当前坐标观看GPS定位和移动地图的中心。

2 个答案:

答案 0 :(得分:1)

您可以使用纯HTML和CSS执行此操作。在地图div中,放置另一个div:

<div id="map" class="map">
  <div id="center"></div>
</div>

然后添加一些css以将其放置在地图视口的中心:

#center {
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -20px;
    margin-left: -20px;
    padding-top: 10px;
    padding-left: 10px;
    border: 2px solid red;
    z-index: 10000;
    position: relative;
}

我创建了一个JSFiddle,因此您可以使用它:http://jsfiddle.net/wce6zqor/

答案 1 :(得分:0)

使用带定位中心的叠加层

var pos = map.getView().getCenter();  
pin = new ol.Overlay({
    position: pos,
    element: 'test',
    positioning: 'center-center'
});
map.addOverlay(pin);