[GIS] Convert Leaflet WMS layer to Leaflet GeoJSON layer

geojsongetfeatureinfojavascriptleafletwms

Using the Leaflet API I am adding a WMS layer through the L.tilelayer.WMS feature. This feature includes only a certain amount of options such as 'layers','crs','style' etc.

Through the Leaflet documentation I figured that the L.GeoJSON feature includes the 'onEachFeature' option. I would like to use this 'onEachFeature'' option within the WMS layer.

What would be a solution to apply an 'onEachFeature' option within a Leaflet WMS TileLayer?

Best Answer

You should take a look at this plugin : https://github.com/heigeo/leaflet.wms

It allows you to get info on a popup for each 'feature' of a wms layer.

Related Solutions

[GIS] Reprojecting coordinates and geoJSON in leaflet

Leaflet expects GeoJSON to be in EPSG:4326. In fact, the entire API uses 4326 (lat/lng), so you are good to go without any reprojection.

If you need to reproject GeoJSON, you could look at https://github.com/perliedman/reproject.

Leaflet WMS Integration – Combining 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);

Best Answer

Related Solutions

[GIS] Reprojecting coordinates and geoJSON in leaflet

Leaflet WMS Integration – Combining Leaflet with Geoserver WMS Map

Related Question