如何使用 plotly 向 mapbox 添加多个图层？

Posted 2023-03-29

【中文标题】如何使用 plotly 向 mapbox 添加多个图层？

【英文标题】：How to add multiple layers to mapbox with plotly?

【发布时间】：2020-06-29 09:03:04

【问题描述】：

我正在创建一个网络应用程序，我想在 mapbox 上添加多个图层。我需要在地图上绘制两个熊猫数据框。

到目前为止，我只能用这段代码做 1。

fig = px.scatter_mapbox(df, lat="Lat", lon="Long", color="x", color_continuous_scale=px.colors.sequential.Darkmint, zoom=5, text="y")

fig.update_layout(margin="r":0,"t":0,"l":0,"b":0, mapbox_style="open-street-map", height=400, width=900, hovermode='closest')

fig.update_traces(marker=dict(size=10))
st.write(fig)

请帮助我了解如何使用新数据框添加另一层。谢谢！

【参考方案1】：

您可以使用 pydeck 和 st.pydeck_chart()，类似于以下示例：

import streamlit as st
import numpy as np
import pandas as pd
import pydeck as pdk

np.random.seed(12345)

df = pd.DataFrame(
    np.random.randn(1000, 2) / [50, 50] + [37.76, -122.4], columns=["lat", "lon"]
)

st.pydeck_chart(
    pdk.Deck(
        map_style="mapbox://styles/mapbox/light-v9",
        initial_view_state=pdk.ViewState(
            latitude=37.76, longitude=-122.4, zoom=11, pitch=50,
        ),
        layers=[
            pdk.Layer(
                "HexagonLayer",
                data=df,
                get_position="[lon, lat]",
                radius=200,
                elevation_scale=4,
                elevation_range=[0, 1000],
                pickable=True,
                extruded=True,
            ),
            pdk.Layer(
                "ScatterplotLayer",
                data=df,
                get_position="[lon, lat]",
                get_color="[200, 30, 0, 160]",
                get_radius=200,
            ),
        ],
    )
)