[GIS] How to get Leaflet interactivity from Geoserver WMS

geoserverleafletwms

I have geoserver serving shapefiles as a WMS into Leaflet.

I'd like to add interativity that shows a popup with WMS attributes in the Leaflet map when the user hovers over or clicks on a WMS feature.

I've seen the wax/leaflet interactivity, but is that possible with WMS and Leaflet?

Best Answer

You should try using WMS GetFeatureInfo. Here's an example with Leaflet made available Bryan McBride. The event used for triggering the GetFeatureInfo request is onclick.

Related Solutions

[GIS] Combine Leaflet with Geoserver WMS map

Take a look at L.tilelayer.wms in the API.

In your case you should get something like this:

var map = L.map('map').setView([55.67, 12.60], 11);

var mywms = L.tileLayer.wms("http://wfs-kbhkort.kk.dk/k101/wms", {
    layers: 'k101:theme-startkort',
    format: 'image/png',
    transparent: true,
    version: '1.1.0',
    attribution: "myattribution"
});
mywms.addTo(map);

[GIS] Get bounding box of WMS

If you check the response of the GetCapabilities request, you'll see that each layer has a Bounding Box property, which gives its extent.

For example, you'll get something like:

 <LatLonBoundingBox minx="-123.042" miny="42.251" maxx="-122.772" maxy="42.438" /> 
 <BoundingBox SRS="EPSG:4326" minx="-123.042" miny="42.251" maxx="-122.772" maxy="42.438" />

You will have to parse this yourself, using pure JavaScript Code. Leaflet doesn't have anything for parsing this.

Best Answer

Related Solutions

[GIS] Combine Leaflet with Geoserver WMS map

[GIS] Get bounding box of WMS

Related Question