Masterclass

Crea una API con datos abiertos y píntala en un mapa de LeafletJS (II)

Muestra con un mapa datos extraídos de una API.

Duración total: 01:35:13

Código descargable

Acceso 100% online

Descripción de la masterclass

Creamos en la sesión anterior una API basada en datos abiertos con lugares geolocalizados.

En esta sesión usamos la potencia de LeafletJS para crear un mapa interactivo.

Añadiremos un cluster para mejorar el rendimiento de la visualización.

Marcas de tiempo

00:00 Repaso de la primera parte

08:50 Forzando un fallo en el orden de items en Laravel

12:10 Cambiando promise por async/await (¡Perla!)

17:00 Corrección del error

19:50 Cluster de marcadores

30:30 Límites geográficos con GeoJSON

44:10 Añadir estilos al mapa

49:30 Overlays, Basemaps y errores

1:30:05 Inyectar datos en JavaScript con PHP

¿Qué necesitas saber?

Trabajaremos con la API que construimos en la sesión anterior con Laravel.

Para el front usaremos JavaScript y la librería de mapas Leaflet.

Nivel de dificultad

Intermedio

Tecnologías utilizadas

  • JavaScript
  • LeafletJS
  • PHP
  • Laravel
  • MySQL

Código

Recursos

Contenidos relacionados en danielprimo.io

[Suscríbete][6] o [identíficate][7] para ver el vídeo al completo.

Podrás ver a:

Imagen de Daniel Primo

Daniel Primo

CEO en pantuflas de Web Reactiva. Programador y formador en tecnologías que cambian el mundo y a las personas.

Explora los capítulos

1. Repaso de la primera parte [19:50]

Repaso de la primera parte

[08:50]

Forzando un fallo en el orden de items en Laravel 🔥

[03:20]

Cambiando promise por async/await 🔥

[04:50]

Corrección del error

[02:50]

2. Cluster de marcadores [10:40]

Cluster de marcadores

[10:40]

3. Límites geográficos con GeoJSON [13:40]

Límites geográficos con GeoJSON

[13:40]

4. Añadir estilos al mapa [45:55]

Añadir estilos al mapa

[05:20]

Overlays, Basemaps y errores

[40:35]

5. Inyectar datos en JavaScript con PHP [05:08]

Inyectar datos en JavaScript con PHP

[05:08]

Descubre todo lo que puedes conseguir sucribiéndote a Web Reactiva

Contenido nuevo todas las semanas

Una comunidad de developers colegas en telegram

Desafíos y retos de programación para que mejores tus habilidades

400 horas de contenido en audio y vídeo

Entrevistas y masterclass en directo con los/las mejores profesionales

Precio

19€Matrículaplus10€Al mes

  • Contenido disponible 24/7
  • Audios y videos
  • Retos y desafíos
  • Todo el código descargable
  • Comunidad de developers
  • Acceso premium completo