Почему размер моей карты слишком мал в приложении Dash-Plotly? - PullRequest
Новая
       16

Почему размер моей карты слишком мал в приложении Dash-Plotly?

0 голосов
/ 09 февраля 2019

Я использую библиотеки Python, называемые dash и plotly, для создания интерактивной панели.Я хотел бы установить размер карты, чтобы она заполнила весь раздел.Карта создается с помощью mapbox.Я пытался установить стиль, но не работал.Моя карта выглядит так: My Map

Я заметил, что карта других людей заполняет весь Div.(См. Положение виджетов): Other person's map

Вот мой код: 

map_data = [
    go.Scattermapbox(
        lat=df['latitude'],
        lon=df['longitude'],
        mode='markers',
        marker=dict(
            cmax=50,
            cmin=0,
            color=df['depth'],
            colorbar=dict(
                title='Colorbar'
            ),
            colorscale='YlGnBu',
            reversescale=True,
            size=5,
            # opacity=0.9
        ),

        text=df['depth'],
        hoverinfo='text'
    )
]

map_layout = go.Layout(
    title='Bathymetrical Data',
    autosize=True,
    hovermode='closest',
    xaxis=dict(hoverformat='.5f'),
    yaxis=dict(hoverformat='.5f'),

    mapbox=dict(
        accesstoken=mapbox_access_token,
        bearing=0,
        center=dict(
            lat=lat,
            lon=lon
        ),
        pitch=0,
        zoom=10,
    ),
)

figure = {
    'data': map_data,
    'layout': map_layout
}

Может кто-нибудь знает, как я могу изменить свой код, чтобы моя карта выглядела так?

1 Ответ

0 голосов
/ 11 февраля 2019

Я думаю, вам нужны поля макета: 

map_layout = go.Layout(
    title='Bathymetrical Data',
    autosize=True,
    hovermode='closest',
    margin=dict(t=0, b=0, l=0, r=0),
    ...

обратите внимание, что эти поля влияют на "внутреннюю часть" диаграммы, вы также можете установить параметры width и height вмакет для изменения размера всей фигуры.Для ширины я настоятельно рекомендую использовать сетку CSS на этом CSS , сделанном для тире.

...