Buscador de comercios con Laravel y Leaflet Maps
Desbloquea el curso
Contrata un plan y consigue acceso completo
Crea tu cuenta¿Ya tienes una cuenta? Inicia sesión
En este curso aprenderás a desarrollar un buscador de comercios que te permitirá encontrar fácilmente diferentes establecimientos en un área concreta. La aplicación estará basada en Laravel, JavaScript, Leaflet Maps y MySQL.
La interfaz de la aplicación constará de dos elementos principales. En el lado izquierdo desarrollaremos un sidebar con un buscador de texto donde podremos escribir la ubicación que a consultar. Además, podremos filtrar los resultados según los diferentes tipos de comercios disponibles. También podremos establecer un radio en kilómetros para definir la distancia máxima en la que deseamos buscar.
Debajo del buscador, tendremos una lista de comercios que coincidan con los criterios de búsqueda. Cada comercio en la lista será clickable, lo que significa que al hacer clic en él, centraremos el mapa en el comercio clickado y mostraremos su InfoWindow (ventana con información del comercio).
En el lado derecho de la interfaz, pintaremos el mapa principal que mostrará los comercios que vayamos obteniendo de la base de datos según las búsquedas realizadas. Cada comercio en el mapa también será clickable, lo que abrirá un popup que mostrará información adicional sobre el comercio, como su nombre, dirección y otros detalles relevantes.
El mapa estará integrado con Leaflet Maps, una biblioteca de mapeo en JavaScript ampliamente utilizada y gratuita, una gran alternativa a Google Maps. Esto nos permitirá visualizar los comercios de manera interactiva y explorar su ubicación geográfica en el mapa.
Además de la funcionalidad de búsqueda y visualización de comercios, también aprenderás a utilizar una base de datos MySQL para almacenar la información de los comercios y recuperarla según las consultas de búsqueda realizadas. Esto garantizará que los resultados sean precisos y actualizados en tiempo real.
En resumen, al finalizar este curso, estarás capacitado para desarrollar un buscador de comercios potente y eficiente utilizando Laravel, JavaScript, Leaflet Maps y MySQL. Podrás buscar comercios por texto, filtrarlos por tipo y establecer un radio de búsqueda. También podrás ver los resultados en una lista y en un mapa interactivo, obteniendo información detallada de cada comercio. ¡Espero que disfrutes del curso y encuentres mucha utilidad en la aplicación que desarrollaremos juntos!
Conocimientos de JavaScript, aquí tienes un curso gratuito.
Acerca del autor
Desarrollador con 10 años de experiencia en web y móvil y formador con 7 años de experiencia.
Empecé en el mundo de la programación a raíz de un accidente de trabajo y me tuve que reinventar.
Soy autodidacta, me dedico de forma profesional a desarrollar software y cada día aprendo cosas nuevas.
Apasionado del backend, me encanta todo lo que tiene que ver con procesos y lógica.
Me encanta programar, pero todavía más ayudar a otras personas en su proceso de formación.
Israel Parra
Php, JavaScript, Laravel, Vue, React, React Native, Svelte, Serverless
4 valoraciones
hace 7 meses
Super! Me encantaría poder añadir y mover locales en el mapa con un marker y obtener la lat y lng y obvio la direccion. Espero una segunda parte con más detalles en SQL y Leaflet, Excelente Curso.
hace 7 meses
Una vez más me quedo impresionado. Una perfecta explicación que posibilita poder adaptarlo a nuestras necesidad. Muchas gracias.
hace 9 meses
La forma en la que estructuras y explicas los proyectos lo hace todo muy entendible. Falta un formulario para crear puntos y que funcionara con splade.
hace 9 meses
Un buen curso de php Laravel. He descubierto un buen gestor de mapas gratuito i una repaso de javascript. Con este curso me ayudó a crear una extensión de mi app Gasolineras! Continua así crack!