如何在指针后面的地图上放置一个正方形

Question

是否有一种方法可以在 openlayers 3 中的地图上放置一个正方形，该正方形跟随指针并在我单击时获取其坐标？

Answer 1

您可以添加一个ol.Overlay to follow the pointer. Take a look - http://jsfiddle.net/jonataswalker/kyfs0w5e/

var square = new ol.Overlay({
    element: document.getElementById('square'),
    offset: [-10, -10],
    stopEvent: false
});
map.addOverlay(square);

map.on('pointermove', function(evt){
    var coord = evt.coordinate;
    square.setPosition(coord);
});

map.on('click', function(evt){
    var coord = evt.coordinate;
    console.info('You clicked: ', coord.join());
});