Leaflet – Solving Problems with Legends in Leaflet

javascriptleaflet

I am not very good at js and new with leaflet so i my code may be a bit messy but stil…
I have a problem with my legends, i have 2 legends and many overlays and i want some legends to be "linked" with some overlays.
I followed every example i saw but still i have a problem with the name of the layer, it's like my names don't work so controls can't change legends properly

I made a jsfiddle that can explains more obviously my problem. http://jsfiddle.net/qs6wkru4/3/

I want the legend to change when i click on "Cuivre" and not on others…

Best Answer

Your Leaflet-Version is 1.0dev. There the eventlayer.name is missing.

I also added a counter so see when the other legend has to be removed. Was this the functionality you were looking for?

http://jsfiddle.net/expedio/7LskL5e1/

Related Solutions

[GIS] Adding and removing legends with layer selection in Leaflet

You've defined your layers as baselayers (not overlays) and so you'll want to change overlayadd to baselayerchange

map.on('overlayadd', function (eventLayer) {

should be

map.on('baselayerchange', function (eventLayer) {

Here's a fork of your original jsFiddle that demonstrates this change - http://jsfiddle.net/ry9zf/2/

[GIS] Leaflet + proj4js + EPSG:2180

I think your definition of EPSG:2180 is not complete. It should look like this:

new L.Proj.CRS('EPSG:2180',
  '+proj=tmerc +lat_0=0 +lon_0=19 +k=0.9993 +x_0=500000 +y_0=-5300000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs',
  {
    resolutions: [8192, 4096, 2048],
  }
);

I found the great resource to check a Proj4 definition string for the projection to use: http://epsg.io/2180 -> at the bottom of the page, on the left column 'Export' you can find ready to use string transformation.

Best Answer

Related Solutions

[GIS] Adding and removing legends with layer selection in Leaflet

[GIS] Leaflet + proj4js + EPSG:2180

Related Question