Mapas Interactivo en Python

Folium - Leaflet

Crear Mapa Base

# Crear Mapa Base - Open Street Map

mapa_base = fl.Map()

# mapa_base.save("F:/DISCO3/Documents/python_folium/mapa_001.html")

mapa_base

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

Ubicación - Latitud - Longitud

# Ubicación - Latitud - Longitud

# Palacio Nacional de La República Dominicana 18.47474559888523, -69.89787861615132

palacio_nacional = fl.Map(location=[18.47474559888523, -69.89787861615132],zoom_start=16)

# palacio_nacional.save("F:/DISCO3/Documents/python_folium/mapa_002.html")

palacio_nacional

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

Marcador - Círculo - Logo

# Marcador personalización - Círculo - Logo

# Palacio Nacional de La República Dominicana 18.47474559888523, -69.89787861615132

palacio_nacional = fl.Map(location=[18.47474559888523, -69.89787861615132],zoom_start=16)

img_001 = "https://bit.ly/3IwJKkg"

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

fl.Marker(location=[18.47474559888523, -69.89787861615132],
          icon=fl.Icon(color="darkblue",icon="ok-sign")).add_to(palacio_nacional)

fl.Circle(location=[18.47474559888523, -69.89787861615132],
          color="orange",fill_color="purple",fill_opacity=0.4,weight=4,radius=40).add_to(palacio_nacional)

# palacio_nacional.save("F:/DISCO3/Documents/python_folium/mapa_003.html")

palacio_nacional

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

Tiles - Menú Tiles

# Tiles - Menú Tiles

# Palacio Nacional de La República Dominicana 18.47474559888523, -69.89787861615132

# Tiles: stamenterrain,stamenwatercolor,stamentoner,cartodbpositron, OpenStreetMap

palacio_nacional = fl.Map(location=[18.47474559888523, -69.89787861615132],zoom_start=16)

img_001 = "https://bit.ly/3IwJKkg"

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

fl.Marker(location=[18.47474559888523, -69.89787861615132],
          icon=fl.Icon(color="darkblue",icon="ok-sign")).add_to(palacio_nacional)

fl.Circle(location=[18.47474559888523, -69.89787861615132],
          color="orange",fill_color="purple",fill_opacity=0.4,weight=4,radius=40).add_to(palacio_nacional)

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="bottomleft").add_to(palacio_nacional)

# palacio_nacional.save("F:/DISCO3/Documents/python_folium/mapa_004.html")

palacio_nacional

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

MiniMap Configuración

# MiniMap - Configuración

# Palacio Nacional de La República Dominicana 18.47474559888523, -69.89787861615132

palacio_nacional = fl.Map(location=[18.47474559888523, -69.89787861615132],zoom_start=16,tiles="cartodbpositron")

img_001 = "https://bit.ly/3IwJKkg"

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

fl.Marker(location=[18.47474559888523, -69.89787861615132],
          icon=fl.Icon(color="darkblue",icon="ok-sign")).add_to(palacio_nacional)

fl.Circle(location=[18.47474559888523, -69.89787861615132],
          color="orange",fill_color="purple",fill_opacity=0.4,weight=4,radius=40).add_to(palacio_nacional)

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

palacio_nacional.add_child(minimap)


# palacio_nacional.save("F:/DISCO3/Documents/python_folium/mapa_005.html")

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

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.47474559888523, -69.89787861615132

palacio_nacional = fl.Map(location=[18.47474559888523, -69.89787861615132],zoom_start=16)

img_001 = "https://bit.ly/3IwJKkg"

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

html='''
<br>
<b>Lugar:Palacio Nacional Rep. Dom</b><br>
<b>Latitud:18.47474559888523</b><br>
<b>Longitud:-69.89787861615132</b><br>
<b>URL:<a href='https://bit.ly/3hgCyg3' target='_blank'>Palacio Nacional</a><br><br>
<center><img src='https://bit.ly/36u5WNB' width=200 height=100></center>
'''

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


fl.Marker(location=[18.47474559888523, -69.89787861615132],
          icon=fl.Icon(color="darkblue",icon="ok-sign"),popup=fl.Popup(iframe)).add_to(palacio_nacional)

fl.Circle(location=[18.47474559888523, -69.89787861615132],
          color="orange",fill_color="purple",fill_opacity=0.4,weight=4,radius=40,tooltip="Palacio Nacional").add_to(palacio_nacional)

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

palacio_nacional.add_child(minimap)


# palacio_nacional.save("F:/DISCO3/Documents/python_folium/mapa_006.html")

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

palacio_nacional

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

Múltiples Marcadores - Caso I

# Múltiples Marcadores - Caso I

# Iglesia Nuestra Señora de La Merced,18.47416921486365,-69.88824745014279

# Convento Regina Angelorum,18.471116404923126,-69.8871531089362

# Puerta de la Misericordia,18.468775880481004,-69.89011426748678

# Palacio Nacional de La República Dominicana 18.47474559888523, -69.89787861615132

palacio_nacional = fl.Map(location=[18.47474559888523, -69.89787861615132],zoom_start=16)

img_001 = "https://bit.ly/3IwJKkg"

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

fl.Marker(location=[18.47416921486365,-69.88824745014279],
          icon=fl.Icon(color="darkblue",icon="ok-sign")).add_to(palacio_nacional)

fl.Marker(location=[18.471116404923126,-69.8871531089362],
          icon=fl.Icon(color="orange",icon="fire")).add_to(palacio_nacional)

fl.Marker(location=[18.468775880481004,-69.89011426748678],
          icon=fl.Icon(color="purple",icon="cloud")).add_to(palacio_nacional)

fl.Marker(location=[18.47474559888523, -69.89787861615132],
          icon=fl.Icon(color="blue",icon="info-sign")).add_to(palacio_nacional)

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

palacio_nacional.add_child(minimap)


# palacio_nacional.save("F:/DISCO3/Documents/python_folium/mapa_007.html")

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

palacio_nacional

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") Genera un archivo HTML que muestra el mapa

parque_independencia_alrededores

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

Múltiples 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)