SlideShare ist ein Scribd-Unternehmen logo
1 von 29
Cloud Bootcamp 2021
Colombia
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Crea una aplicación web con
Azure Maps
Carla Vanesa Mamani Chavez
Agenda
1. Introducción
2. Que es Azure Maps?
3. Precios
4. Controles de mapa
5. Servicios en Azure Maps
6. Que podemos crear??
7. Demo
8. Recursos Adicionales
9. Q&A
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Student Computer Science
U.M.S.A
La Paz - Bolivia
Microsoft Learn Student Ambassadors
Certified MIE (Microsoft Innovative Educator)
Leader Student Ambassador La Paz
Carla Vanesa Mamani Chavez
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Introduccion
Introducción
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Que es Azure Maps?
Que es Azure Maps
(PaaS)
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Precios
Precios
Azure Maps Gen 2
Gen2 es el nuevo plan de tarifa de Azure Maps, que permite a los usuarios acceder a todas las
características de mapas con descuentos por volumen.
Precios
Azure Maps Gen 1
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Controles de mapa
SDK WEB
SDK Android
Documentación Oficial
 Inicio rápido: Creación de una aplicación de Android con Azure
Maps | Microsoft Docs
 Introducción al control de mapas de Android | Documentos de
Microsoft
Azure Maps Creator
Versión preview
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Servicios en Azure Maps
Servicios en Azure Maps
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Que podemos crear??
Cree soluciones de inteligencia de ubicación para IoT e
inteligencia artificial
Desarrolle soluciones de IoT e inteligencia
artificial seguras y escalables con servicios
dinámicos basados en la ubicación.
Habilite todo, desde la elaboración de
rutas para vehículos, simulación del tráfico
y servicios de seguimiento de recursos
hasta detalles de POI y análisis de
imágenes de satélite.
Cree visualizaciones de datos muy completas para sus
aplicaciones web y móviles
Administre y personalice sus
representaciones de datos con varias
capas de mapa, como mapas térmicos,
capas de imagen y marcadores HTML.
Seleccione entre los sofisticados estilos
de imágenes visuales, incluidos
mosaicos de satélite, en escala de
grises y de relieve sombreado.
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Demo
DEMO
1. Creamos un nuevo Grupo de Recursos en el Portal de Azure
Inicio - Microsoft Azure
2. Creamos en servicio de Azure Maps
3. Nos dirigimos al servicio ya creado
DEMO
VS CODE
1. Agregamos todas la librerías que utiliza el SDK WEB
2. Agregamos la referencia del atlas del file de JavaScript
3. Agregamos la función GetMap
4. Añadimos el CSS embebido
DEMO
 zoom
 gis,
 services,
 module
 Search
 point of interest
 POI
Agregar controles a un | de mapa Documentos de Microsoft
Documentación Oficial
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Recursos Adicionales
Recursos Adicionales
 Microsoft Learn
 Creación de la primera aplicación de búsqueda de rutas con Azure
Maps - Learn | Microsoft Docs
 Seguimiento de la calidad del aire en el mundo con Azure Maps -
Learn | Microsoft Docs
• Documentación
• Azure Maps: API de servicios geoespaciales | Microsoft Azure
• Overview for Microsoft Azure Maps | Microsoft Docs
• Getting started with the Azure Maps Power BI visual | Microsoft
Docs
Gracias por su atención!
Carla.Mamani_Chavez@studentambassadors.com
Carly Chavez
Carla Vanesa Mamani Chavez
@CarlaMamaniCha1
@carly_mch
http://carlamamani.ml
Cloud Bootcamp Colombia 2021
#LiveFromColombia
Q&A
Cloud Bootcamp 2021
Colombia

Weitere ähnliche Inhalte

Ähnlich wie Crea una aplicación web con azure maps

Descubriendo Windows Azure Platform 16-02-2011
Descubriendo Windows Azure Platform 16-02-2011Descubriendo Windows Azure Platform 16-02-2011
Descubriendo Windows Azure Platform 16-02-2011
Gisela Torres
 
Novedades ArcGIS 10.1 - Castellano - Esri España
Novedades ArcGIS 10.1 - Castellano - Esri EspañaNovedades ArcGIS 10.1 - Castellano - Esri España
Novedades ArcGIS 10.1 - Castellano - Esri España
Esri
 

Ähnlich wie Crea una aplicación web con azure maps (20)

CURSO EN MOOC INFORMATICA EN LA NUBE
CURSO EN MOOC INFORMATICA EN LA NUBECURSO EN MOOC INFORMATICA EN LA NUBE
CURSO EN MOOC INFORMATICA EN LA NUBE
 
CTParking documentacion aplicacion
CTParking documentacion aplicacion CTParking documentacion aplicacion
CTParking documentacion aplicacion
 
Descubriendo windows azure
Descubriendo windows azureDescubriendo windows azure
Descubriendo windows azure
 
Android camp 2017 firebase + android
Android camp 2017   firebase + androidAndroid camp 2017   firebase + android
Android camp 2017 firebase + android
 
C:\Fakepath\Presentacion Para Web
C:\Fakepath\Presentacion Para WebC:\Fakepath\Presentacion Para Web
C:\Fakepath\Presentacion Para Web
 
Arquitectura xamarin - Nuestra primera app
Arquitectura xamarin - Nuestra primera appArquitectura xamarin - Nuestra primera app
Arquitectura xamarin - Nuestra primera app
 
Introduction to xamarin
Introduction to xamarinIntroduction to xamarin
Introduction to xamarin
 
Ven a Conocer el Presente de Internet: ArcGIS Server 10
Ven a Conocer el Presente de Internet: ArcGIS Server 10Ven a Conocer el Presente de Internet: ArcGIS Server 10
Ven a Conocer el Presente de Internet: ArcGIS Server 10
 
Global Power Platform Bootcamp 2023 - Power Virtual Agents + Teams = Better t...
Global Power Platform Bootcamp 2023 - Power Virtual Agents + Teams = Better t...Global Power Platform Bootcamp 2023 - Power Virtual Agents + Teams = Better t...
Global Power Platform Bootcamp 2023 - Power Virtual Agents + Teams = Better t...
 
Netcoreconf 2020 - Gammification with Microsoft Learn
Netcoreconf 2020 - Gammification with Microsoft LearnNetcoreconf 2020 - Gammification with Microsoft Learn
Netcoreconf 2020 - Gammification with Microsoft Learn
 
Descubriendo Windows Azure Platform 16-02-2011
Descubriendo Windows Azure Platform 16-02-2011Descubriendo Windows Azure Platform 16-02-2011
Descubriendo Windows Azure Platform 16-02-2011
 
DotNet2018: Xamarin.Forms Everywhere!
DotNet2018: Xamarin.Forms Everywhere!DotNet2018: Xamarin.Forms Everywhere!
DotNet2018: Xamarin.Forms Everywhere!
 
Viajes Transparentes
Viajes TransparentesViajes Transparentes
Viajes Transparentes
 
Novedades ArcGIS 10.1 - Castellano - Esri España
Novedades ArcGIS 10.1 - Castellano - Esri EspañaNovedades ArcGIS 10.1 - Castellano - Esri España
Novedades ArcGIS 10.1 - Castellano - Esri España
 
Perfil del proyecto (colectivo g51)
Perfil del proyecto (colectivo g51)Perfil del proyecto (colectivo g51)
Perfil del proyecto (colectivo g51)
 
Proyecto en Android Studio (MoviCuenca)
Proyecto en Android Studio (MoviCuenca)Proyecto en Android Studio (MoviCuenca)
Proyecto en Android Studio (MoviCuenca)
 
Comprender las estrategias de migración a la nube
Comprender las estrategias de migración a la nubeComprender las estrategias de migración a la nube
Comprender las estrategias de migración a la nube
 
Turismo sobre ruedas
Turismo sobre ruedasTurismo sobre ruedas
Turismo sobre ruedas
 
¿Perteneces al sector consultoría? recíclate!
¿Perteneces al sector consultoría?  recíclate! ¿Perteneces al sector consultoría?  recíclate!
¿Perteneces al sector consultoría? recíclate!
 
Jiide2012 ide menorca
Jiide2012 ide menorcaJiide2012 ide menorca
Jiide2012 ide menorca
 

Kürzlich hochgeladen

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Kürzlich hochgeladen (15)

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 

Crea una aplicación web con azure maps

  • 2. Cloud Bootcamp Colombia 2021 #LiveFromColombia Crea una aplicación web con Azure Maps Carla Vanesa Mamani Chavez
  • 3. Agenda 1. Introducción 2. Que es Azure Maps? 3. Precios 4. Controles de mapa 5. Servicios en Azure Maps 6. Que podemos crear?? 7. Demo 8. Recursos Adicionales 9. Q&A
  • 4. Cloud Bootcamp Colombia 2021 #LiveFromColombia Student Computer Science U.M.S.A La Paz - Bolivia Microsoft Learn Student Ambassadors Certified MIE (Microsoft Innovative Educator) Leader Student Ambassador La Paz Carla Vanesa Mamani Chavez
  • 5. Cloud Bootcamp Colombia 2021 #LiveFromColombia Introduccion
  • 7. Cloud Bootcamp Colombia 2021 #LiveFromColombia Que es Azure Maps?
  • 8. Que es Azure Maps (PaaS)
  • 9. Cloud Bootcamp Colombia 2021 #LiveFromColombia Precios
  • 10. Precios Azure Maps Gen 2 Gen2 es el nuevo plan de tarifa de Azure Maps, que permite a los usuarios acceder a todas las características de mapas con descuentos por volumen.
  • 12. Cloud Bootcamp Colombia 2021 #LiveFromColombia Controles de mapa
  • 14. SDK Android Documentación Oficial  Inicio rápido: Creación de una aplicación de Android con Azure Maps | Microsoft Docs  Introducción al control de mapas de Android | Documentos de Microsoft
  • 16. Cloud Bootcamp Colombia 2021 #LiveFromColombia Servicios en Azure Maps
  • 18. Cloud Bootcamp Colombia 2021 #LiveFromColombia Que podemos crear??
  • 19. Cree soluciones de inteligencia de ubicación para IoT e inteligencia artificial Desarrolle soluciones de IoT e inteligencia artificial seguras y escalables con servicios dinámicos basados en la ubicación. Habilite todo, desde la elaboración de rutas para vehículos, simulación del tráfico y servicios de seguimiento de recursos hasta detalles de POI y análisis de imágenes de satélite.
  • 20. Cree visualizaciones de datos muy completas para sus aplicaciones web y móviles Administre y personalice sus representaciones de datos con varias capas de mapa, como mapas térmicos, capas de imagen y marcadores HTML. Seleccione entre los sofisticados estilos de imágenes visuales, incluidos mosaicos de satélite, en escala de grises y de relieve sombreado.
  • 21. Cloud Bootcamp Colombia 2021 #LiveFromColombia Demo
  • 22. DEMO 1. Creamos un nuevo Grupo de Recursos en el Portal de Azure Inicio - Microsoft Azure 2. Creamos en servicio de Azure Maps 3. Nos dirigimos al servicio ya creado
  • 23. DEMO VS CODE 1. Agregamos todas la librerías que utiliza el SDK WEB 2. Agregamos la referencia del atlas del file de JavaScript 3. Agregamos la función GetMap 4. Añadimos el CSS embebido
  • 24. DEMO  zoom  gis,  services,  module  Search  point of interest  POI Agregar controles a un | de mapa Documentos de Microsoft Documentación Oficial
  • 25. Cloud Bootcamp Colombia 2021 #LiveFromColombia Recursos Adicionales
  • 26. Recursos Adicionales  Microsoft Learn  Creación de la primera aplicación de búsqueda de rutas con Azure Maps - Learn | Microsoft Docs  Seguimiento de la calidad del aire en el mundo con Azure Maps - Learn | Microsoft Docs • Documentación • Azure Maps: API de servicios geoespaciales | Microsoft Azure • Overview for Microsoft Azure Maps | Microsoft Docs • Getting started with the Azure Maps Power BI visual | Microsoft Docs
  • 27. Gracias por su atención! Carla.Mamani_Chavez@studentambassadors.com Carly Chavez Carla Vanesa Mamani Chavez @CarlaMamaniCha1 @carly_mch http://carlamamani.ml
  • 28. Cloud Bootcamp Colombia 2021 #LiveFromColombia Q&A