Skip to content

Interactive maps

This page demonstrates some interactive maps created using the kepler.gl plotting backend.

Create an interactive map

You can specify various parameters to initialize the map, such as center, zoom, height, and widescreen.

1
2
3
import leafmap.kepler as leafmap
m = leafmap.Map(center=[40, -100], zoom=2, height=600, widescreen=False)
m

Add a CSV

1
2
3
4
5
m = leafmap.Map(center=[37.7621, -122.4143], zoom=12)
in_csv = 'https://raw.githubusercontent.com/opengeos/leafmap/master/examples/data/hex_data.csv'
config = 'https://raw.githubusercontent.com/opengeos/leafmap/master/examples/data/hex_config.json'
m.add_csv(in_csv, layer_name="hex_data", config=config)
m

Add a GeoJSON

1
2
3
4
m = leafmap.Map(center=[20, 0], zoom=1)
lines = 'https://raw.githubusercontent.com/opengeos/leafmap/master/examples/data/cable_geo.geojson'
m.add_geojson(lines, layer_name="Cable lines")
m

Add a GeoJSON with US state boundaries to the map.

1
2
3
4
m = leafmap.Map(center=[50, -110], zoom=2)
polygons = 'https://raw.githubusercontent.com/opengeos/leafmap/master/examples/data/us_states.json'
m.add_geojson(polygons, layer_name="Countries")
m

Add a shapefile

1
2
3
4
m = leafmap.Map(center=[20, 0], zoom=1)
in_shp = "https://github.com/opengeos/leafmap/raw/master/examples/data/countries.zip"
m.add_shp(in_shp, "Countries")
m

Add a GeoDataFrame

1
2
3
4
5
import geopandas as gpd
gdf = gpd.read_file("https://raw.githubusercontent.com/opengeos/leafmap/master/examples/data/world_cities.geojson")
m = leafmap.Map(center=[20, 0], zoom=1)
m.add_gdf(gdf, "World cities")
m