I have two loadable geoJson layers - both levels are the same data for testing, but are extracted from two different json files. When I turn layers on and off in the level controller, the order in which the layers are drawn changes.
Any ideas why this is happening?
I put my code in JSFiddle: http://jsfiddle.net/lprashad/ph5y9/10/ , and JS below:
//styling for watersheds_copy var Orange = { "color": "#ff7800", "weight": 5, "opacity": 0.65 }; var Water_Orange = L.geoJson(watersheds_copy, { style: Orange }); Water_Orange.addData(watersheds_copy); //these are blue var Water_blue = L.geoJson(watersheds, {}); Water_blue.addData(watersheds); //This sets the inital order - last in layer list being on top. Except minimal - tile layer is always on bottom var map = L.map('map', { center: [41.609, -74.028], zoom: 8, layers: [minimal, Water_Orange, Water_blue] }); var baseLayers = { "Minimal": minimal, "Night View": midnight }; //This controls the order in the layer switcher. This does not change draw order var overlays = { "Water_Orange": Water_Orange, "Water_blue": Water_blue }; L.control.layers(baseLayers, overlays).addTo(map);
LP
leaflet geojson
Lee
source share