Question

我需要知道我要在openlayers地图中单击哪个图层才能稍后获取它的一些数据。

我以前做过，但只用了一层。现在，我已经不止一个了，我想知道我要单击哪个层来从geoserver中获取其信息。

capa1WMS:TileLayer;
map:Map;

...

getDatosCapaWMS(url:string): Observable<any>{
    return this.http.get(url);
}

clickMapa(event:any):void{
    if(this.capa1WMS.getSource()!=null){
      var url = this.capa1WMS.getSource().getGetFeatureInfoUrl(
        this.map.getEventCoordinate(event), this.view.getResolution(), this.view.getProjection(),
        {'INFO_FORMAT': 'application/json'});
      this.getDatosCapaWMS(url).subscribe(data => { 

        //stuff

    });
    }   
}

还有我的HTML代码

<div id="map" class="map" (click)="clickMapa($event)"></div>

我已经看到openlayers有一个叫做forEachFeatureAtPixel()的方法，但是我没有使它起作用

Answer 1

好的，迈克给出了解决方案

this.map.forEachLayerAtPixel(this.map.getEventPixel(event))获取要用于.getSource().getGetFeatureInfoUrl()的图层

在Angular + Openlayers中使用click事件来检测单击的图层

1 个答案: