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

时间:2015-11-29 19:11:25

标签: javascript openlayers-3

存在一种方法,可以在指针后面的openlayers 3中放置一个正方形,并在点击时获取其坐标?

1 个答案:

答案 0 :(得分: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());
});