Ipyleaflet intro

Getting Started with ipyleaflet

https://ipyleaflet.readthedocs.io

Create an interactive map¶

In [ ]:

import ipyleaflet

import ipyleaflet

In [ ]:

ipyleaflet.Map()

ipyleaflet.Map()

In [ ]:

m = ipyleaflet.Map()
m

m = ipyleaflet.Map() m

Customize default map settings¶

In [ ]:

from ipyleaflet import Map, FullScreenControl, LayersControl, DrawControl, MeasureControl, ScaleControl

from ipyleaflet import Map, FullScreenControl, LayersControl, DrawControl, MeasureControl, ScaleControl

In [ ]:

m = Map(center=[40, 100], zoom=4, scroll_wheel_zoom=True)
m.layout.height="500px"
m

m = Map(center=[40, 100], zoom=4, scroll_wheel_zoom=True) m.layout.height="500px" m

Add widget controls¶

In [ ]:

m.add_control(FullScreenControl())

m.add_control(FullScreenControl())

In [ ]:

m.add_control(LayersControl(position="topright"))

m.add_control(LayersControl(position="topright"))

In [ ]:

m.add_control(DrawControl(position="topleft"))

m.add_control(DrawControl(position="topleft"))

In [ ]:

m.add_control(MeasureControl())

m.add_control(MeasureControl())

In [ ]:

m.add_control(ScaleControl(position="bottomleft"))

m.add_control(ScaleControl(position="bottomleft"))

In [ ]:

Add basemaps¶

In [ ]:

from ipyleaflet import basemaps, TileLayer

from ipyleaflet import basemaps, TileLayer

In [ ]:

m.add_layer(basemaps.OpenTopoMap)

m.add_layer(basemaps.OpenTopoMap)

In [ ]:

m.add_layer(basemaps.Esri.WorldImagery)

m.add_layer(basemaps.Esri.WorldImagery)

In [ ]:

m

m

In [ ]:

google_map = TileLayer(
    url="https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}",
    attribution="Google",
    name="Google Maps",
)

google_map = TileLayer( url="https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}", attribution="Google", name="Google Maps", )

In [ ]:

m.add_layer(google_map)

m.add_layer(google_map)

In [ ]:

google_satellite = TileLayer(
    url="https://mt1.google.com/vt/lyrs=y&x={x}&y={y}&z={z}",
    attribution="Google",
    name="Google Satellite"
)

google_satellite = TileLayer( url="https://mt1.google.com/vt/lyrs=y&x={x}&y={y}&z={z}", attribution="Google", name="Google Satellite" )

In [ ]:

m.add_layer(google_satellite)

m.add_layer(google_satellite)

In [ ]:

m

m

In [ ]:

m.attribution_control = False

m.attribution_control = False

Add markers¶

In [ ]:

from ipyleaflet import Marker

from ipyleaflet import Marker

In [ ]:

marker1 = Marker(name='marker1', location=(40, -100))
marker2 = Marker(name='marker2', location=(30, -90))
marker3 = Marker(name='marker3', location=(20, -80))
m.add_layer(marker1)
m.add_layer(marker2)
m.add_layer(marker3)
m

marker1 = Marker(name='marker1', location=(40, -100)) marker2 = Marker(name='marker2', location=(30, -90)) marker3 = Marker(name='marker3', location=(20, -80)) m.add_layer(marker1) m.add_layer(marker2) m.add_layer(marker3) m

In [ ]:

marker1.location

marker1.location

Add marker cluster¶

In [ ]:

from ipyleaflet import Map, Marker, MarkerCluster

from ipyleaflet import Map, Marker, MarkerCluster

In [ ]:

marker1 = Marker(name='marker1', location=(50, -100))
marker2 = Marker(name='marker2', location=(30, -110))
marker3 = Marker(name='marker3', location=(40, -90))

marker_cluster = MarkerCluster(
    markers=(marker1, marker2, marker3), name="marker cluster"
)

m.add_layer(marker_cluster)
m

marker1 = Marker(name='marker1', location=(50, -100)) marker2 = Marker(name='marker2', location=(30, -110)) marker3 = Marker(name='marker3', location=(40, -90)) marker_cluster = MarkerCluster( markers=(marker1, marker2, marker3), name="marker cluster" ) m.add_layer(marker_cluster) m

In [ ]:

---

Last update: 2022-04-24