Dash app with maps and plotly express

app.py

from flask import Flask
import plotly_express as px
import pandas as pd
import geopandas as gp
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

server = Flask(__name__)


@server.route('/')
def hello_world():
    return 'Hello Flask World!'



app = dash.Dash(
    __name__,
    server=server,
    external_stylesheets=external_stylesheets,
    routes_pathname_prefix='/dash/'
)

colors = {
    'background': '#111111',
    'text': '#7FDBFF'
}

app.layout = html.Div(children=[
    html.H1("Dashing Ambulances",
            style={
                'textAlign': 'center',
                'color': colors['text']
            }),
    html.Div(children=[
        dcc.Input(id='input', value='maps', type='text'),
    ]),
    dcc.Graph(
        id="map-graph",
        style={"width": "75%", "display": "inline-block"}
    ),
])


@app.callback(Output("map-graph", "figure"), [Input(component_id='input', component_property='value')])
def draw_data(input):
    
    pontos = pd.read_csv('ovitrampas.csv')
    fig = px.scatter_mapbox(pontos, lat="Y_LAT", lon="X_LONG", zoom=3, height=300)
    fig.update_layout(mapbox_style="open-street-map")
    fig.update_layout(margin={"r": 0, "t": 0, "l": 0, "b": 0})
    return fig


if __name__ == '__main__':
    app.run(debug=True)

ovitrampas.csv

points.csv