TAREA 3: Mapas Interactivos - Folium

RMarkdown - Python

Mapa Base

mapa_base = fl.Map()

mapa_base

Make this Notebook Trusted to load map: File -> Trust Notebook

Latitud - Longitud

# Palacio de Gobierno de Ciudad de Mexico (CDMX): 19.432523957050446, -99.13116811357122

palacio_nacional_MX = fl.Map(location=[19.432523957050446, -99.13116811357122],zoom_start=17)

palacio_nacional_MX

Make this Notebook Trusted to load map: File -> Trust Notebook

Marcador - Círculo - Logo

# Palacio de Gobierno de Ciudad de Mexico (CDMX): 19.432523957050446, -99.13116811357122

palacio_nacional_MX = fl.Map(location=[19.432523957050446, -99.13116811357122],zoom_start=17)

img_001 = "https://www.python.org/static/community_logos/python-powered-w-70x28.png"


fl.Marker(location=[19.432523957050446, -99.13116811357122],
          icon=fl.Icon(color="darkblue",icon="fire")).add_to(palacio_nacional_MX)
fl.Circle(location=[19.432523957050446, -99.13116811357122],
          color="orange",fill_color="red",weight=4,raidus=40,fill_opacity=0.4).add_to(palacio_nacional_MX)

FloatImage(img_001,left=90,bottom=90).add_to(palacio_nacional_MX)

palacio_nacional_MX

Make this Notebook Trusted to load map: File -> Trust Notebook

MiniMap - Tiles - Full Screen

# Palacio de Gobierno de Ciudad de Mexico (CDMX): 19.432523957050446, -99.13116811357122

palacio_nacional_MX = fl.Map(location=[19.432523957050446, -99.13116811357122],zoom_start=16,tiles="stamenterrain")

img_001 = "https://www.python.org/static/community_logos/python-powered-w-70x28.png"


fl.Marker(location=[19.432523957050446, -99.13116811357122],
          icon=fl.Icon(color="darkblue",icon="ok-sign")).add_to(palacio_nacional_MX)
fl.Circle(location=[19.432523957050446, -99.13116811357122],
          color="orange",fill_color="red",weight=4,raidus=40,fill_opacity=0.4).add_to(palacio_nacional_MX)

FloatImage(img_001,left=90,bottom=90).add_to(palacio_nacional_MX)

## se cambio el codigo de minimap con respecto al codigo q clase 11 era con child ##
## si no sale 2 mapas ## 
MiniMap(toggle_display=True,position="bottomleft",tile_layer="stamenterrain").add_to(palacio_nacional_MX)
palacio_nacional_MX

Make this Notebook Trusted to load map: File -> Trust Notebook

Menú Tiles

# Palacio de Gobierno de Ciudad de Mexico (CDMX): 19.432523957050446, -99.13116811357122

# tiles: stamenterrain - stamentoner - stamenwatercolor - cartodbpositron - OpenStreetMap

palacio_nacional_MX = fl.Map(location=[19.432523957050446, -99.13116811357122],zoom_start=17)

img_001 = "https://www.python.org/static/community_logos/python-powered-w-70x28.png"


fl.Marker(location=[19.432523957050446, -99.13116811357122],
          icon=fl.Icon(color="darkblue",icon="fire")).add_to(palacio_nacional_MX)
fl.Circle(location=[19.432523957050446, -99.13116811357122],
          color="orange",fill_color="red",weight=4,raidus=40,fill_opacity=0.4).add_to(palacio_nacional_MX)

FloatImage(img_001,left=90,bottom=90).add_to(palacio_nacional_MX)

plugins.Fullscreen(position="topleft").add_to(palacio_nacional_MX)
draw = plugins.Draw(export=True)


fl.TileLayer("stamenterrain").add_to(palacio_nacional_MX)
fl.TileLayer("stamentoner").add_to(palacio_nacional_MX)
fl.TileLayer("stamenwatercolor").add_to(palacio_nacional_MX)
fl.TileLayer("cartodbpositron").add_to(palacio_nacional_MX)
fl.TileLayer("OpenStreetMap").add_to(palacio_nacional_MX)
fl.LayerControl(position="bottomright").add_to(palacio_nacional_MX)

palacio_nacional_MX

Make this Notebook Trusted to load map: File -> Trust Notebook

Popup - Tooltip - Configuración

# Palacio de Gobierno de Ciudad de Mexico (CDMX): 19.432523957050446, -99.13116811357122

palacio_nacional_MX = fl.Map(location=[19.432523957050446, -99.13116811357122],zoom_start=17)


html='''
<b>Lugar: Palacio Nacional </b><br>
<b>Latitud: 19.432523957050446</b><br>
<b>Longitud: -99.13116811357122</b><br>
<b>Web:<a href='https://bit.ly/2FpS2tJ' target='_blank'> Palacio NAcional de México Web</a>
<br><br>
<center><img src='https://bit.ly/3BbRQxe' width=200 height=100></center>
'''

iframe = fl.IFrame(html=html,width=300,height=250)

img_001 = "https://www.python.org/static/community_logos/python-powered-w-70x28.png"


fl.Marker(location=[19.432523957050446, -99.13116811357122],
          icon=fl.Icon(color="darkblue",icon="fire"),popup=fl.Popup(iframe)).add_to(palacio_nacional_MX)
fl.Circle(location=[19.432523957050446, -99.13116811357122],
          color="orange",fill_color="red",weight=4,raidus=40,fill_opacity=0.4,tooltip="Sede de Gobierno").add_to(palacio_nacional_MX)

FloatImage(img_001,left=90,bottom=90).add_to(palacio_nacional_MX)

plugins.Fullscreen(position="topleft").add_to(palacio_nacional_MX)
draw = plugins.Draw(export=True)


fl.TileLayer("stamenterrain").add_to(palacio_nacional_MX)
fl.TileLayer("stamentoner").add_to(palacio_nacional_MX)
fl.TileLayer("stamenwatercolor").add_to(palacio_nacional_MX)
fl.TileLayer("cartodbpositron").add_to(palacio_nacional_MX)
fl.TileLayer("OpenStreetMap").add_to(palacio_nacional_MX)
fl.LayerControl(position="bottomright").add_to(palacio_nacional_MX)

palacio_nacional_MX

Make this Notebook Trusted to load map: File -> Trust Notebook

Múltiples Marcadores I

# Palacio de Gobierno de Ciudad de Mexico (CDMX): 19.432523957050446, -99.13116811357122

palacio_nacional_MX = fl.Map(location=[19.432523957050446, -99.13116811357122],zoom_start=16)


img_001 = "https://www.python.org/static/community_logos/python-powered-w-70x28.png"

text_001="<b>Catedral Metropolitana de la Ciudad de México</b>"

text_002="<b>Templo Mayor</b>"

text_003="<b>Plaza de la Constitucion - Zócalo</b>"

fl.Marker(location=[19.434274568217358, -99.13320843803542],
          icon=fl.Icon(color="darkblue",icon="ok-sign"),popup=fl.Popup(text_001,max_width=250)).add_to(palacio_nacional_MX)
fl.Marker(location=[19.43475062782159, -99.1319092606943],
          icon=fl.Icon(color="orange",icon="ok-sign"),popup=fl.Popup(text_002,max_width=200)).add_to(palacio_nacional_MX)
fl.Marker(location=[19.432650354358657, -99.13318616642387],
          icon=fl.Icon(color="blue",icon="ok-sign"),popup=fl.Popup(text_003,max_width=200)).add_to(palacio_nacional_MX)

FloatImage(img_001,left=90,bottom=90).add_to(palacio_nacional_MX)


### Se adiciono el punto Inicial del Palacion NAcional 
fl.Marker(location=[19.432523957050446, -99.13116811357122],
          icon=fl.Icon(color="purple",icon="building", prefix='fa'),popup=fl.Popup("<b>Palacion Nacional</b>",max_width=250)).add_to(palacio_nacional_MX)
fl.Circle(location=[19.432523957050446, -99.13116811357122],
          color="green",fill_color="red",weight=4,raidus=30,fill_opacity=0.4,tooltip="Sede de Gobierno").add_to(palacio_nacional_MX)
          

palacio_nacional_MX

Make this Notebook Trusted to load map: File -> Trust Notebook

Múltiples Marcadores II - Data Frame

# Palacio de Gobierno de Ciudad de Mexico (CDMX): 19.432523957050446, -99.13116811357122

palacio_nacional_MX = fl.Map(location=[19.432523957050446, -99.13116811357122],zoom_start=16)


img_001 = "https://www.python.org/static/community_logos/python-powered-w-70x28.png"

centro_dataframe = pd.DataFrame({'lugar':['<b>Catedral Metropolitana de la Ciudad de México<b>','<b>Templo Mayo<b>r','<b>Plaza de la Constitucion - Zócalo<b>'],
                                'latitud':[19.434274568217358,19.43475062782159,19.432650354358657],
                                'longitud':[-99.13320843803542,-99.1319092606943,-99.13318616642387],
                                'simbolo':['ok-sign','ok-sign','ok-sign'],
                                'color':['dark-blue','orange','blue']})

for i in centro_dataframe.itertuples():
    fl.Marker(location=[i.latitud,i.longitud],
              icon=fl.Icon(color=i.color,icon=i.simbolo),popup=fl.Popup(i.lugar,max_width=200)).add_to(palacio_nacional_MX)
FloatImage(img_001,left=90,bottom=90).add_to(palacio_nacional_MX)


### Se adiciono el punto Inicial del Palacion NAcional 
fl.Marker(location=[19.432523957050446, -99.13116811357122],
          icon=fl.Icon(color="purple",icon="building", prefix='fa'),popup=fl.Popup("<b>Palacion Nacional</b>",max_width=250)).add_to(palacio_nacional_MX)
fl.Circle(location=[19.432523957050446, -99.13116811357122],
          color="green",fill_color="red",weight=4,raidus=30,fill_opacity=0.4,tooltip="Sede de Gobierno").add_to(palacio_nacional_MX)
          
palacio_nacional_MX

Make this Notebook Trusted to load map: File -> Trust Notebook

Múltiples Marcadores III - Data Frame from File

# Palacio de Gobierno de Ciudad de Mexico (CDMX): 19.432523957050446, -99.13116811357122

centro_CDMX = fl.Map(location=[19.432523957050446, -99.13116811357122],zoom_start=16)


img_001 = "https://www.python.org/static/community_logos/python-powered-w-70x28.png"


FloatImage(img_001,left=90,bottom=90).add_to(centro_CDMX)
puntos = pd.read_csv("puntos_centro_CDMX.txt")

puntos
puntos_frame = pd.DataFrame(puntos)

for i in puntos_frame.itertuples():
    fl.Marker(location=[i.latitud,i.longitud],
              icon=fl.Icon(color=i.color,icon=i.simbolo),popup=fl.Popup(i.lugar,max_width=200)).add_to(centro_CDMX)


### Se adiciono el punto Inicial del Palacion NAcional 
fl.Marker(location=[19.432523957050446, -99.13116811357122],
          icon=fl.Icon(color="purple",icon="building", prefix='fa'),popup=fl.Popup("<b>Palacion Nacional</b>",max_width=250)).add_to(centro_CDMX)

fl.Circle(location=[19.432523957050446, -99.13116811357122],
          color="green",fill_color="red",weight=4,raidus=30,fill_opacity=0.4,tooltip="Sede de Gobierno").add_to(centro_CDMX)
          
centro_CDMX

Make this Notebook Trusted to load map: File -> Trust Notebook