search

digidem / leaflet-side-by-side

A Leaflet control to add a split screen to compare two map overlays
http://lab.digital-democracy.org/leaflet-side-by-side/
MIT License
351 stars 111 forks source link

Swapping tile layers #11

Open lesley-w opened 7 years ago

lesley-w commented 7 years ago

How do I change the layers showing in each pane?

This is what I've tried, but it doesn't change the layers.

sideBySide = L.control.sideBySide(leftTileLayer, rightTileLayer, { thumbSize: 25, padding: 70 }); sideBySide.addTo(map); sideBySide.setLeftLayers(leftTileLayer2); sideBySide.setRightLayers(rightTileLayer2);

gmaclennan commented 7 years ago

Hi @lesley-w this code might give you some hints: https://github.com/digidem/rupununi-mining/blob/gh-pages/index.js

lesley-w commented 7 years ago

Got it working by doing this:

sideBySide = L.control.sideBySide(leftTileLayer, rightTileLayer, { thumbSize: 25, padding: 70 }); sideBySide.addTo(map); map.removeLayer(leftTileLayer); map.removeLayer(rightTileLayer); map.addLayer(leftTileLayer2); map.addLayer(rightTileLayer2); sideBySide.setLeftLayers(leftTileLayer2); sideBySide.setRightLayers(rightTileLayer2);

Maybe there is a better way?