Openstreetmapをダブルクリックして座標を取得するには？

Question

私はangular-openlayers-directiveを使用しています。私はダブルクリックするポイントの座標を取得したいと思います。

同様の質問：

Convert point to lat lon

しかし、私はangularjsでそれを使用したいです。

Answer 1

http://tombatossals.github.io/angular-openlayers-directive/examples/080-events-propagation-example.htmlをチェックしてください。これは、マウスオーバーのための緯度経座標を見つける方法を示しています。また、ここではダブルクリックのためにそれをどのように伸ばすことができるかを示したフィドルです：http://jsfiddle.net/anushamc/6q2az5xz/。

defaults: { 
     events: { 
     map: ['singleclick', 'pointermove', 'dblclick'] 
     } 
    } 

と

<openlayers ol-defaults="defaults"></openlayers> 

と範囲にopenlayers.map.dblclickのリスナーを含める：簡単に言えば、あなたのようなデフォルト値に含めてマップ上のイベントをリッスンする必要があります。

$scope.$on('openlayers.map.dblclick', function(event, data) { 
    $scope.$apply(function() { 
     if ($scope.projection === data.projection) { 
     $scope.mousedoubleclickposition = data.coord; 
     } else { 
     var p = ol.proj.transform([data.coord[0], data.coord[1]], data.projection, $scope.projection); 
     $scope.mousedoubleclickposition = { 
      lat: p[1], 
      lon: p[0], 
      projection: $scope.projection 
     } 
     } 
    }); 
    });