Great Circle Layer Example¶

Geodesic arcs connecting locations using deck.gl GreatCircleLayer.

In [ ]:

# %pip install anymap-ts

# %pip install anymap-ts

In [ ]:

from anymap_ts import DeckGLMap

from anymap_ts import DeckGLMap

Define flight routes¶

In [ ]:

# Flight routes from San Francisco to major cities
flight_routes = [
    {"source": [-122.4, 37.8], "target": [-0.1, 51.5], "name": "SFO -> London"},
    {"source": [-122.4, 37.8], "target": [139.7, 35.7], "name": "SFO -> Tokyo"},
    {"source": [-122.4, 37.8], "target": [2.3, 48.9], "name": "SFO -> Paris"},
    {"source": [-122.4, 37.8], "target": [114.2, 22.3], "name": "SFO -> Hong Kong"},
    {"source": [-122.4, 37.8], "target": [151.2, -33.9], "name": "SFO -> Sydney"},
    {"source": [-122.4, 37.8], "target": [-43.2, -22.9], "name": "SFO -> Rio"},
    {"source": [-122.4, 37.8], "target": [37.6, 55.8], "name": "SFO -> Moscow"},
    {"source": [-122.4, 37.8], "target": [28.0, -26.2], "name": "SFO -> Johannesburg"},
]

# Flight routes from San Francisco to major cities flight_routes = [ {"source": [-122.4, 37.8], "target": [-0.1, 51.5], "name": "SFO -> London"}, {"source": [-122.4, 37.8], "target": [139.7, 35.7], "name": "SFO -> Tokyo"}, {"source": [-122.4, 37.8], "target": [2.3, 48.9], "name": "SFO -> Paris"}, {"source": [-122.4, 37.8], "target": [114.2, 22.3], "name": "SFO -> Hong Kong"}, {"source": [-122.4, 37.8], "target": [151.2, -33.9], "name": "SFO -> Sydney"}, {"source": [-122.4, 37.8], "target": [-43.2, -22.9], "name": "SFO -> Rio"}, {"source": [-122.4, 37.8], "target": [37.6, 55.8], "name": "SFO -> Moscow"}, {"source": [-122.4, 37.8], "target": [28.0, -26.2], "name": "SFO -> Johannesburg"}, ]

Create map with great circle layer¶

In [ ]:

m = DeckGLMap(center=[-30, 30], zoom=1.5)
m.add_basemap("CartoDB.DarkMatter")

m.add_great_circle_layer(
    data=flight_routes,
    get_source_position="source",
    get_target_position="target",
    get_source_color=[0, 200, 255, 255],
    get_target_color=[255, 100, 100, 255],
    get_width=2,
    width_min_pixels=2,
    opacity=0.8,
)
m

m = DeckGLMap(center=[-30, 30], zoom=1.5) m.add_basemap("CartoDB.DarkMatter") m.add_great_circle_layer( data=flight_routes, get_source_position="source", get_target_position="target", get_source_color=[0, 200, 255, 255], get_target_color=[255, 100, 100, 255], get_width=2, width_min_pixels=2, opacity=0.8, ) m

Export to HTML¶

In [ ]:

m.to_html("great_circle_layer_example.html")

m.to_html("great_circle_layer_example.html")