• Crear Mapa Base
  • Ubicación - Latitud - Longitud
  • Marcador - Círculo - Logo
  • Tiles - Menú Tiles
  • Popup - Tooltip - Popup
  • Múltiples Marcadores - Caso I
  • YouTube - Tutorial

Crear Mapa Base

mapa_base = fl.Map()

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

Ubicación - Latitud - Longitud

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

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

Tiles - Menú Tiles


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
Make this Notebook Trusted to load map: File -> Trust Notebook

Popup - Tooltip - Popup

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)
palacio_nacional
Make this Notebook Trusted to load map: File -> Trust Notebook

Múltiples Marcadores - Caso I


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)

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

YouTube - Tutorial

LS0tDQp0aXRsZTogIk1hcGFzIEludGVyYWN0aXZvcyBlbiBQeXRob24iDQpzdWJ0aXRsZTogIkZvbGl1bSAtIExlYWZsZXQiDQphdXRob3I6ICJSZW56byBDw6FjZXJlcyBSb3NzaSINCmRhdGU6ICIyMDIyLzEwLzA4Ig0Kb3V0cHV0Og0KICBodG1sX2RvY3VtZW50Og0KICAgIHRvYzogVFJVRQ0KICAgIHRvY19mbG9hdDogVFJVRQ0KICAgIGNvZGVfZG93bmxvYWQ6IFRSVUUNCiAgICB0aGVtZTogam91cm5hbA0KLS0tDQoNCjwhLS0gRm9saXVtIGVzIHVuYSBsaWJyZXLDrWEgZGUgUHl0aG9uIHBhcmEgY3JlYXIgbWFwYXMgaW50ZXJhY3Rpdm9zIC0tPg0KDQpgYGB7cHl0aG9uLGluY2x1ZGU9RkFMU0V9DQoNCmltcG9ydCBmb2xpdW0gYXMgZmwNCg0KaW1wb3J0IHBhbmRhcyBhcyBwZA0KDQpmcm9tIGZvbGl1bS5wbHVnaW5zIGltcG9ydCBNaW5pTWFwDQoNCmZyb20gZm9saXVtLnBsdWdpbnMgaW1wb3J0IEZsb2F0SW1hZ2UNCg0KDQpgYGANCg0KDQojIyBDcmVhciBNYXBhIEJhc2UgDQoNCmBgYHtweXRob24scmVzdWx0cz0naGlkZScsY29sbGFwc2U9VFJVRX0NCm1hcGFfYmFzZSA9IGZsLk1hcCgpDQoNCm1hcGFfYmFzZQ0KDQpgYGANCg0KDQojIyBVYmljYWNpw7NuIC0gTGF0aXR1ZCAtIExvbmdpdHVkDQoNCmBgYHtweXRob24scmVzdWx0cz0naGlkZScsY29sbGFwc2U9VFJVRX0NCnBhbGFjaW9fbmFjaW9uYWwgPSBmbC5NYXAobG9jYXRpb249WzE4LjQ3NDc0NTU5ODg4NTIzLCAtNjkuODk3ODc4NjE2MTUxMzJdLHpvb21fc3RhcnQ9MTYpDQoNCnBhbGFjaW9fbmFjaW9uYWwNCg0KYGBgDQoNCg0KIyMgTWFyY2Fkb3IgLSBDw61yY3VsbyAtIExvZ28NCg0KYGBge3B5dGhvbixyZXN1bHRzPSdoaWRlJyxjb2xsYXBzZT1UUlVFfQ0KDQpwYWxhY2lvX25hY2lvbmFsID0gZmwuTWFwKGxvY2F0aW9uPVsxOC40NzQ3NDU1OTg4ODUyMywgLTY5Ljg5Nzg3ODYxNjE1MTMyXSx6b29tX3N0YXJ0PTE2KQ0KDQppbWdfMDAxID0gImh0dHBzOi8vYml0Lmx5LzNJd0pLa2ciDQoNCkZsb2F0SW1hZ2UoaW1nXzAwMSxsZWZ0PTkwLGJvdHRvbT05MCkuYWRkX3RvKHBhbGFjaW9fbmFjaW9uYWwpDQoNCmZsLk1hcmtlcihsb2NhdGlvbj1bMTguNDc0NzQ1NTk4ODg1MjMsIC02OS44OTc4Nzg2MTYxNTEzMl0sDQogICAgICAgICAgaWNvbj1mbC5JY29uKGNvbG9yPSJkYXJrYmx1ZSIsaWNvbj0ib2stc2lnbiIpKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KZmwuQ2lyY2xlKGxvY2F0aW9uPVsxOC40NzQ3NDU1OTg4ODUyMywgLTY5Ljg5Nzg3ODYxNjE1MTMyXSwNCiAgICAgICAgICBjb2xvcj0ib3JhbmdlIixmaWxsX2NvbG9yPSJwdXJwbGUiLGZpbGxfb3BhY2l0eT0wLjQsd2VpZ2h0PTQscmFkaXVzPTQwKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KcGFsYWNpb19uYWNpb25hbA0KDQoNCmBgYA0KDQoNCiMjIFRpbGVzIC0gTWVuw7ogVGlsZXMNCg0KYGBge3B5dGhvbixyZXN1bHRzPSdoaWRlJyxjb2xsYXBzZT1UUlVFfQ0KDQpwYWxhY2lvX25hY2lvbmFsID0gZmwuTWFwKGxvY2F0aW9uPVsxOC40NzQ3NDU1OTg4ODUyMywgLTY5Ljg5Nzg3ODYxNjE1MTMyXSx6b29tX3N0YXJ0PTE2KQ0KDQppbWdfMDAxID0gImh0dHBzOi8vYml0Lmx5LzNJd0pLa2ciDQoNCkZsb2F0SW1hZ2UoaW1nXzAwMSxsZWZ0PTkwLGJvdHRvbT05MCkuYWRkX3RvKHBhbGFjaW9fbmFjaW9uYWwpDQoNCmZsLk1hcmtlcihsb2NhdGlvbj1bMTguNDc0NzQ1NTk4ODg1MjMsIC02OS44OTc4Nzg2MTYxNTEzMl0sDQogICAgICAgICAgaWNvbj1mbC5JY29uKGNvbG9yPSJkYXJrYmx1ZSIsaWNvbj0ib2stc2lnbiIpKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KZmwuQ2lyY2xlKGxvY2F0aW9uPVsxOC40NzQ3NDU1OTg4ODUyMywgLTY5Ljg5Nzg3ODYxNjE1MTMyXSwNCiAgICAgICAgICBjb2xvcj0ib3JhbmdlIixmaWxsX2NvbG9yPSJwdXJwbGUiLGZpbGxfb3BhY2l0eT0wLjQsd2VpZ2h0PTQscmFkaXVzPTQwKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KZmwuVGlsZUxheWVyKCJzdGFtZW50ZXJyYWluIikuYWRkX3RvKHBhbGFjaW9fbmFjaW9uYWwpDQoNCmZsLlRpbGVMYXllcigic3RhbWVudG9uZXIiKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KZmwuVGlsZUxheWVyKCJzdGFtZW53YXRlcmNvbG9yIikuYWRkX3RvKHBhbGFjaW9fbmFjaW9uYWwpDQoNCmZsLlRpbGVMYXllcigiY2FydG9kYnBvc2l0cm9uIikuYWRkX3RvKHBhbGFjaW9fbmFjaW9uYWwpDQoNCmZsLlRpbGVMYXllcigiT3BlblN0cmVldE1hcCIpLmFkZF90byhwYWxhY2lvX25hY2lvbmFsKQ0KDQpmbC5MYXllckNvbnRyb2wocG9zaXRpb249ImJvdHRvbWxlZnQiKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KcGFsYWNpb19uYWNpb25hbA0KDQoNCmBgYA0KDQoNCiMjIFBvcHVwIC0gVG9vbHRpcCAtIFBvcHVwIA0KDQpgYGB7cHl0aG9uLHJlc3VsdHM9J2hpZGUnLGNvbGxhcHNlPVRSVUV9DQpwYWxhY2lvX25hY2lvbmFsID0gZmwuTWFwKGxvY2F0aW9uPVsxOC40NzQ3NDU1OTg4ODUyMywgLTY5Ljg5Nzg3ODYxNjE1MTMyXSx6b29tX3N0YXJ0PTE2KQ0KDQppbWdfMDAxID0gImh0dHBzOi8vYml0Lmx5LzNJd0pLa2ciDQoNCkZsb2F0SW1hZ2UoaW1nXzAwMSxsZWZ0PTkwLGJvdHRvbT05MCkuYWRkX3RvKHBhbGFjaW9fbmFjaW9uYWwpDQoNCmh0bWw9JycnDQo8YnI+DQo8Yj5MdWdhcjpQYWxhY2lvIE5hY2lvbmFsIFJlcC4gRG9tPC9iPjxicj4NCjxiPkxhdGl0dWQ6MTguNDc0NzQ1NTk4ODg1MjM8L2I+PGJyPg0KPGI+TG9uZ2l0dWQ6LTY5Ljg5Nzg3ODYxNjE1MTMyPC9iPjxicj4NCjxiPlVSTDo8YSBocmVmPSdodHRwczovL2JpdC5seS8zaGdDeWczJyB0YXJnZXQ9J19ibGFuayc+UGFsYWNpbyBOYWNpb25hbDwvYT48YnI+PGJyPg0KPGNlbnRlcj48aW1nIHNyYz0naHR0cHM6Ly9iaXQubHkvMzZ1NVdOQicgd2lkdGg9MjAwIGhlaWdodD0xMDA+PC9jZW50ZXI+DQonJycNCg0KaWZyYW1lID0gZmwuSUZyYW1lKGh0bWw9aHRtbCx3aWR0aD0zMDAgLGhlaWdodD0yNTApDQoNCg0KZmwuTWFya2VyKGxvY2F0aW9uPVsxOC40NzQ3NDU1OTg4ODUyMywgLTY5Ljg5Nzg3ODYxNjE1MTMyXSwNCiAgICAgICAgICBpY29uPWZsLkljb24oY29sb3I9ImRhcmtibHVlIixpY29uPSJvay1zaWduIikscG9wdXA9ZmwuUG9wdXAoaWZyYW1lKSkuYWRkX3RvKHBhbGFjaW9fbmFjaW9uYWwpDQoNCmZsLkNpcmNsZShsb2NhdGlvbj1bMTguNDc0NzQ1NTk4ODg1MjMsIC02OS44OTc4Nzg2MTYxNTEzMl0sDQogICAgICAgICAgY29sb3I9Im9yYW5nZSIsZmlsbF9jb2xvcj0icHVycGxlIixmaWxsX29wYWNpdHk9MC40LHdlaWdodD00LHJhZGl1cz00MCx0b29sdGlwPSJQYWxhY2lvIE5hY2lvbmFsIikuYWRkX3RvKHBhbGFjaW9fbmFjaW9uYWwpDQoNCnBhbGFjaW9fbmFjaW9uYWwNCg0KDQpgYGANCg0KDQoNCiMjIE3Dumx0aXBsZXMgTWFyY2Fkb3JlcyAtIENhc28gSQ0KDQpgYGB7cHl0aG9uLHJlc3VsdHM9J2hpZGUnLGNvbGxhcHNlPVRSVUV9DQoNCnBhbGFjaW9fbmFjaW9uYWwgPSBmbC5NYXAobG9jYXRpb249WzE4LjQ3NDc0NTU5ODg4NTIzLCAtNjkuODk3ODc4NjE2MTUxMzJdLHpvb21fc3RhcnQ9MTYpDQoNCmltZ18wMDEgPSAiaHR0cHM6Ly9iaXQubHkvM0l3SktrZyINCg0KRmxvYXRJbWFnZShpbWdfMDAxLGxlZnQ9OTAsYm90dG9tPTkwKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KDQpmbC5NYXJrZXIobG9jYXRpb249WzE4LjQ3NDE2OTIxNDg2MzY1LC02OS44ODgyNDc0NTAxNDI3OV0sDQogICAgICAgICAgaWNvbj1mbC5JY29uKGNvbG9yPSJkYXJrYmx1ZSIsaWNvbj0ib2stc2lnbiIpKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KZmwuTWFya2VyKGxvY2F0aW9uPVsxOC40NzExMTY0MDQ5MjMxMjYsLTY5Ljg4NzE1MzEwODkzNjJdLA0KICAgICAgICAgIGljb249ZmwuSWNvbihjb2xvcj0ib3JhbmdlIixpY29uPSJmaXJlIikpLmFkZF90byhwYWxhY2lvX25hY2lvbmFsKQ0KDQpmbC5NYXJrZXIobG9jYXRpb249WzE4LjQ2ODc3NTg4MDQ4MTAwNCwtNjkuODkwMTE0MjY3NDg2NzhdLA0KICAgICAgICAgIGljb249ZmwuSWNvbihjb2xvcj0icHVycGxlIixpY29uPSJjbG91ZCIpKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KZmwuTWFya2VyKGxvY2F0aW9uPVsxOC40NzQ3NDU1OTg4ODUyMywgLTY5Ljg5Nzg3ODYxNjE1MTMyXSwNCiAgICAgICAgICBpY29uPWZsLkljb24oY29sb3I9ImJsdWUiLGljb249ImluZm8tc2lnbiIpKS5hZGRfdG8ocGFsYWNpb19uYWNpb25hbCkNCg0KDQpwYWxhY2lvX25hY2lvbmFsDQoNCg0KYGBgDQoNCg0KIyMgWW91VHViZSAtIFR1dG9yaWFsDQoNCjxjZW50ZXI+DQoNCjxpZnJhbWUgd2lkdGg9IjU2MCIgaGVpZ2h0PSIzMTUiIHNyYz0iaHR0cHM6Ly93d3cueW91dHViZS5jb20vZW1iZWQveGxfT0Z4N0JndEEiIHRpdGxlPSJZb3VUdWJlIHZpZGVvIHBsYXllciIgZnJhbWVib3JkZXI9IjAiIGFsbG93PSJhY2NlbGVyb21ldGVyOyBhdXRvcGxheTsgY2xpcGJvYXJkLXdyaXRlOyBlbmNyeXB0ZWQtbWVkaWE7IGd5cm9zY29wZTsgcGljdHVyZS1pbi1waWN0dXJlIiBhbGxvd2Z1bGxzY3JlZW4gZGF0YS1leHRlcm5hbD0xPjwvaWZyYW1lPg0KDQo8L2NlbnRlcj4NCg0KDQoNCg0KDQoNCjxkaXYgY2xhc3M9InRvY2lmeS1leHRlbmQtcGFnZSIgZGF0YS11bmlxdWU9InRvY2lmeS1leHRlbmQtcGFnZSIgc3R5bGU9ImhlaWdodDogMDsiPjwvZGl2Pg0K