Mapas Interactivos en Python

Folium - RMarkdown

Folium - Mapa Base

# Crear Mapa Base - Open Street Map - HTML (Save)

mapa_base = fl.Map()

mapa_base.save("mapa_folium_001.html")

mapa_base

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

Latitud - Longitud

# Latitud - Longitud - Una sola ubicación

# Palacio Nacional de La República Dominicana 18.47559892878191, -69.89774247032956

palacio_nacional = fl.Map(location=[18.47559892878191, -69.89774247032956],zoom_start=16)

palacio_nacional.save("mapa_folium_002.html")

palacio_nacional

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

Marcador - Círculo - Logo

# Marcador - Círculo - logo

# Palacio Nacional de La República Dominicana 18.47559892878191, -69.89774247032956

palacio_nacional = fl.Map(location=[18.47559892878191, -69.89774247032956],zoom_start=16)

img_001 = "python_logo.png"


fl.Marker(location=[18.47559892878191, -69.89774247032956],
          icon=fl.Icon(color="darkblue",icon="fire")).add_to(palacio_nacional)

fl.Circle(location=[18.47559892878191, -69.89774247032956],
          color="orange",fill_color="red",weight=4,raidus=40,fill_opacity=0.4).add_to(palacio_nacional)

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

palacio_nacional.save("mapa_folium_003.html")

palacio_nacional

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

MiniMap - Tiles - Full Screen

# MiniMap  - Tiles - Full Screen

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

# Palacio Nacional de La República Dominicana 18.47559892878191, -69.89774247032956

from folium import plugins

palacio_nacional = fl.Map(location=[18.47559892878191, -69.89774247032956],zoom_start=16,tiles="stamenterrain")

img_001 = "python_logo.png"


fl.Marker(location=[18.47559892878191, -69.89774247032956],
          icon=fl.Icon(color="darkblue",icon="fire")).add_to(palacio_nacional)

fl.Circle(location=[18.47559892878191, -69.89774247032956],
          color="orange",fill_color="red",weight=4,raidus=40,fill_opacity=0.4).add_to(palacio_nacional)

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

minimap = MiniMap(toggle_display=True,position="bottomleft",tile_layer="stamenterrain")

palacio_nacional.add_child(minimap)

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

plugins.Fullscreen(position="topleft").add_to(palacio_nacional)

draw = plugins.Draw(export=True)

palacio_nacional.save("mapa_folium_004.html")

palacio_nacional

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

Menú Tiles

# Menú Tiles

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

# Palacio Nacional de La República Dominicana 18.47559892878191, -69.89774247032956

palacio_nacional = fl.Map(location=[18.47559892878191, -69.89774247032956],zoom_start=16)

img_001 = "python_logo.png"


fl.Marker(location=[18.47559892878191, -69.89774247032956],
          icon=fl.Icon(color="darkblue",icon="fire")).add_to(palacio_nacional)

fl.Circle(location=[18.47559892878191, -69.89774247032956],
          color="orange",fill_color="red",weight=4,raidus=40,fill_opacity=0.4).add_to(palacio_nacional)

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

plugins.Fullscreen(position="topleft").add_to(palacio_nacional)

draw = plugins.Draw(export=True)


fl.TileLayer("stamenterrain").add_to(palacio_nacional)

fl.TileLayer("stamentoner").add_to(palacio_nacional)

fl.TileLayer("stamenwatercolor").add_to(palacio_nacional)

fl.TileLayer("cartodbpositron").add_to(palacio_nacional)

fl.TileLayer("OpenStreetMap").add_to(palacio_nacional)

fl.LayerControl(position="bottomright").add_to(palacio_nacional)

palacio_nacional.save("mapa_folium_005.html")

palacio_nacional

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

Popup setup - Tooltip

# Popup - Tooltip - Popup Configuración

# Palacio Nacional de La República Dominicana 18.47559892878191, -69.89774247032956

palacio_nacional = fl.Map(location=[18.47559892878191, -69.89774247032956],zoom_start=16)


html='''
<b>Lugar:Palacio Nacional R.Dom</b><br>
<b>Latitud:18.47559892878191</b><br>
<b>Longitud:-69.89774247032956</b><br>
<b>Web:<a href='https://bit.ly/3hgCyg3' target='_blank'>Presidencia R.Dom</a>
<br><br>
<center><img src='https://bit.ly/36u5WNB' width=200 height=100></center>
'''

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

img_001 = "python_logo.png"


fl.Marker(location=[18.47559892878191, -69.89774247032956],
          icon=fl.Icon(color="darkblue",icon="fire"),popup=fl.Popup(iframe)).add_to(palacio_nacional)

fl.Circle(location=[18.47559892878191, -69.89774247032956],
          color="orange",fill_color="red",weight=4,raidus=40,fill_opacity=0.4,tooltip="Sede de Gobierno").add_to(palacio_nacional)

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

plugins.Fullscreen(position="topleft").add_to(palacio_nacional)

draw = plugins.Draw(export=True)


fl.TileLayer("stamenterrain").add_to(palacio_nacional)

fl.TileLayer("stamentoner").add_to(palacio_nacional)

fl.TileLayer("stamenwatercolor").add_to(palacio_nacional)

fl.TileLayer("cartodbpositron").add_to(palacio_nacional)

fl.TileLayer("OpenStreetMap").add_to(palacio_nacional)

fl.LayerControl(position="bottomright").add_to(palacio_nacional)

palacio_nacional.save("mapa_folium_006.html")

palacio_nacional

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

Múltiples Marcadores - Caso I

# Multiples Marcadores - Caso I

parque_independencia_alrededores = fl.Map(location=[18.471279222825007, -69.89206691553046],zoom_start=16)


img_001 = "python_logo.png"

text_001="<b>Iglesia Nuestra Señora de La Merced</b>"

text_002="<b>Convento Regina Angelorum</b>"

text_003="<b>Puerta de La Misericordia</b>"

fl.Marker(location=[18.47416921486365, -69.88824745014279],
          icon=fl.Icon(color="darkblue",icon="ok-sign"),popup=fl.Popup(text_001,max_width=250)).add_to(parque_independencia_alrededores)

fl.Marker(location=[18.471116404923126, -69.8871531089362],
          icon=fl.Icon(color="orange",icon="ok-sign"),popup=fl.Popup(text_002,max_width=200)).add_to(parque_independencia_alrededores)

fl.Marker(location=[18.468775880481004, -69.89011426748678],
          icon=fl.Icon(color="blue",icon="ok-sign"),popup=fl.Popup(text_003,max_width=200)).add_to(parque_independencia_alrededores)

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

parque_independencia_alrededores.save("mapa_folium_007.html")

parque_independencia_alrededores

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

Múltiples Marcadores - Caso II

# Multiples Marcadores - Data Frame - Caso II

parque_independencia_alrededores = fl.Map(location=[18.471279222825007, -69.89206691553046],zoom_start=16)


img_001 = "python_logo.png"

centro_dataframe = pd.DataFrame({'lugar':['Iglesia Nuestra Señora de La Merced','Convento Regina Angelorum','Puerta de la Misericordia'],
                                'latitud':[18.47416921486365,18.471116404923126,18.468775880481004],
                                'longitud':[-69.88824745014279,-69.8871531089362,-69.89011426748678],
                                '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(parque_independencia_alrededores)

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

parque_independencia_alrededores.save("mapa_folium_008.html")

parque_independencia_alrededores

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

Mútliples Marcadores - Caso III

# Multiples Marcadores - Pandas (archivo.txt) - Caso III

parque_independencia_alrededores = fl.Map(location=[18.471279222825007, -69.89206691553046],zoom_start=16)


img_001 = "python_logo.png"


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

puntos = pd.read_csv("puntos_dom.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(parque_independencia_alrededores)
    

parque_independencia_alrededores    

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

Tutorial Folium - YouTube

# Incrustamos al documento un tutorial de YouTube haciendo uso de la librería vembedr

library(vembedr)

embed_url("https://www.youtube.com/watch?v=xl_OFx7BgtA") %>% 
   use_align("center") %>%
   use_rounded(10)