Openlayers 3 固定到视图的点(如中心视图的十字)

Openlayers 3 固定到视图的点(如中心视图的十字),openlayers-3,Openlayers 3,定位固定视点的最佳方式是什么(不是地图上的点)。用于显示视图中间,同时观察GPS定位并根据当前坐标移动地图中心。使用带定位中心的覆盖 var pos = map.getView().getCenter(); pin = new ol.Overlay({ position: pos, element: 'test', positioning: 'center-center' }); map.addOverlay(pin); 您可以使用纯html和css来实现这一点。在

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

使用带定位中心的覆盖

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

您可以使用纯html和css来实现这一点。在地图分区内,放置另一个分区:

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

我创建了一个JSFIDLE,您可以使用它:。

如果我问错了,我很抱歉。我没有指向实际视图的中心,但我认为该点仍然位于视图的中心。就像“+”和“-”缩放控件显示在左上角的同一位置一样。谢谢,就是这样。我也尝试过这个方法,但是如果我想移动地图并拖放,从这个标记(覆盖)开始有问题吗。贴图不会移动(逻辑上:拖放不会从对象贴图开始,而是从该重叠开始)
#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;
}