javascript - 如何在 map 上放置一个跟随指针的方 block

Question

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

Answer 1

您可以添加 ol.Overlay跟随指针。看看-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());
});