OpenLayersでベク​​ターフィーチャ/レイヤーのクリックの座標を取得するにはどうすればよいですか？

ユーザーがOpenLayersマップ上のベクターフィーチャーをクリックしたときのクリックの座標を取得する必要があります。SelectControlは、クリックされた機能のみを提供し、クリックの座標は提供しません。とにかく、ベクトルのクリックの座標を取得するには？ユーザーがクリックした時点でAnchoredBubbleを表示する必要があります。

実際、クリックイベントのサンプルは、あなたが望むものを提供します。

OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                
            defaultHandlerOptions: {
                'single': true,
                'double': false,
                'pixelTolerance': 0,
                'stopSingle': false,
                'stopDouble': false
            },

            initialize: function(options) {
                this.handlerOptions = OpenLayers.Util.extend(
                    {}, this.defaultHandlerOptions
                );
                OpenLayers.Control.prototype.initialize.apply(
                    this, arguments
                ); 
                this.handler = new OpenLayers.Handler.Click(
                    this, {
                        'click': this.trigger
                    }, this.handlerOptions
                );
            }, 

            trigger: function(e) {
                var lonlat = map.getLonLatFromViewPortPx(e.xy);
                alert("You clicked near " + lonlat.lat + " N, " +
                                          + lonlat.lon + " E");
            }

        });

必要に応じて、座標をピクセルに変換してポップアップを表示できます。

編集-機能を選択したときにのみ座標を取得するには：

   var options = {
    onSelect: getCoordinates,
};

var selectEt = new OpenLayers.Control.SelectFeature(mylayer, options);
map.addControl(selectEt);

function getCoordinates(e) {
 // this should work
 var lonlat = map.getLonLatFromViewPortPx(e.xy);
 alert("You clicked near " + lonlat.lat + " N, " +
                                          + lonlat.lon + " E");
}

APIは、SelectFeatureコントロールからクリック位置を取得する方法を提供しません-しかし、そうする必要があります。それは些細な追加になります（イベントにxy含めたためfeatureselected）。これを発券すると、それを実現するための最初のステップになります。

それまでの間、SelectFeatureコントロールで使用される機能ハンドラーのマウスイベントにアクセスできます。そのため、次のようなリスナーが存在する場合があります。

layer.events.on({featureselected: function(event) {
    // should be event.xy, but it's not available currently
    var pixel = control.handlers.feature.evt.xy;
    var location = map.getLonLatFromPixel(pixel);
    alert("You clicked near " + location);
});

これは（明らかに）SelectFeatureコントロールとマップへの参照があることを前提としています。

次を使用して、クリックイベントの最新情報を取得できました。

clickFeatureハンドラー内

var clickedlonlat = 
    Ext.getCmp("coreRef").parent.map.getLonLatFromPixel(
        new OpenLayers.Pixel(
            selectFeatureReference.handlers.feature.evt.layerX,
            selectFeatureReference.handlers.feature.evt.layerY
        ));

どこselectFeatureReferenceへの参照であるSelectFeatureあなたが作成していることは。

map.on('click', function(evt){
    console.log(ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326'));
});

これは、次のような座標を取得するためにv3.8.2でどのように計算したかです。UK
[-1.1645507812500016, 53.2257684357902]
をクリックしたとき。

を使用できますfeature.getBounds().getCenterLonLat()。ポイント/ライン/ポリゴンタイプの機能に使用できます。そして、あなたはそれがすべてのために働くので、それが何であるかを知る必要はありません。

私はこの時間（3.20.0）でOpenLayersを最新のリリースでは、行ったように、この古い質問にわたる場合の誰もつまずくでは、使用してクリックした位置を取得することができます 選択したイベントです。e.mapBrowserEvent.coordinatee