Split map

In [1]:

import geogradev.foliumap as geogradev

import geogradev.foliumap as geogradev

In [2]:

import ipyleaflet


class Map(ipyleaflet.Map):
    def add_split_map_control(self, left_layer, right_layer):
        """Adds a split map control to compare two layers."""
        split_map = ipyleaflet.SplitMapControl(
            left_layer=left_layer, right_layer=right_layer
        )
        self.add_control(split_map)

import ipyleaflet class Map(ipyleaflet.Map): def add_split_map_control(self, left_layer, right_layer): """Adds a split map control to compare two layers.""" split_map = ipyleaflet.SplitMapControl( left_layer=left_layer, right_layer=right_layer ) self.add_control(split_map)

In [3]:

m = Map(center=(0, 0), zoom=2)
m.add_split_map_control(
    left_layer=ipyleaflet.TileLayer(url="https://{s}.title.org/{z}/{x}/{y}.png"),
    right_layer=ipyleaflet.TileLayer(
        url="https://{s}.tile.Esri.openstreetmap.org/{z}/{x}/{y}.png"
    ),
)
m

m = Map(center=(0, 0), zoom=2) m.add_split_map_control( left_layer=ipyleaflet.TileLayer(url="https://{s}.title.org/{z}/{x}/{y}.png"), right_layer=ipyleaflet.TileLayer( url="https://{s}.tile.Esri.openstreetmap.org/{z}/{x}/{y}.png" ), ) m

Out[3]:

In [4]:

m = Map(center=[32.7748, 22.6282], zoom=13)
left = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"  # OpenStreetMap layer
right = "https://{s}.tile.Esri.openstreetmap.org/{z}/{x}/{y}.png"  # Esri OpenStreetMap layer
left_layer = ipyleaflet.TileLayer(url=left)
right_layer = ipyleaflet.TileLayer(url=right)
m.add_split_map_control(left_layer, right_layer)
m

m = Map(center=[32.7748, 22.6282], zoom=13) left = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" # OpenStreetMap layer right = "https://{s}.tile.Esri.openstreetmap.org/{z}/{x}/{y}.png" # Esri OpenStreetMap layer left_layer = ipyleaflet.TileLayer(url=left) right_layer = ipyleaflet.TileLayer(url=right) m.add_split_map_control(left_layer, right_layer) m

Out[4]:

In [5]:

m = Map(center=[32.7748, 22.6282], zoom=13)
left = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"  # OpenStreetMap layer
right = "https://{s}.tile.Esri.openstreetmap.org/{z}/{x}/{y}.png"  # Esri OpenStreetMap layer
m

m = Map(center=[32.7748, 22.6282], zoom=13) left = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" # OpenStreetMap layer right = "https://{s}.tile.Esri.openstreetmap.org/{z}/{x}/{y}.png" # Esri OpenStreetMap layer m

Out[5]: