Proyecto — Directorio POIs de Rutas

Directorio donde se obtienen las POIs de una ruta añadida con los tipos seleccionados

Anartz Mugika Ledo🤗
7 min readJul 1, 2024

En la era de la tecnología y la movilidad, encontrar puntos de interés cercanos a una ubicación o varias puede ser una tarea costosa si no se cuenta con las herramientas adecuadas.

Para facilitar esta búsqueda, os presento POIs Achievement Directory, una plataforma diseñada para ayudaros a descubrir y explorar lugares importantes a lo largo de tus rutas y trayectos, como podrían ser excursiones para completar un tour turístico o un evento deportivo como la Media Maratón de Azkoitia-Azpeitia.

Este proyecto se enfoca en ofrecer una experiencia intuitiva y eficiente, permitiendo a los usuarios encontrar desde fuentes de agua hasta bares y restaurantes cercanos (entre otras muchas cosas, como podría ser parkings cercanos, parques de calistenia,…).

Esto se realiza principalmente pensando en tener conocimiento de esos puntos, para poder hidratarse en el caso de ser necesario y si nos encontramos en un evento deportivo como una Media Maratón, puede ser super útil para que nuestros acompañantes sepan donde pueden tomar alguna bebida, donde sacar dinero y mucho más.

Esto lo he desarrollado siguiendo lo explicado en:

  • Lista de tutoriales sobre como trabajar con OpenStreetMap

OpenStreetMap - Mapas

7 stories
  • Curso de 0 a avanzado con Mapas con la librería Leaflet:

No se va a explicar como se ha realizado la app, si a alguien le interesa como se puede hacer os invito a visualizar y practicar lo que expongo en estos enlaces, donde tenéis los conocimientos de sobra para realizarlo, solo necesitaréis un poco de paciencia para aprender e interiorizar todo lo que enseño, que no es poco..

¿Cómo Funciona POIs Achievement Directory?

POIs Achievement Directory está pensado para ser una herramienta útil y fácil de usar.

Lo primero accedemos a la siguiente URL:

Y una vez que accedemos, nos encontramos con la apariencia de lo que es el proyecto (que puede tener variaciones a lo largo del tiempo):

¿Cómo funciona? A continuación os explico cómo podréis aprovechar todas sus funcionalidades.

Aplicación de Filtros

A la derecha, lo primero que tenemos que tener en cuenta es el apartado de los filtros.

Por defecto TODOS están activos (color verde). Los POIs disponibles (a día de hoy, 1 de julio del 2024) son:

  • Fuentes de agua: Perfectas para los excursionistas y ciclistas que necesitan reponer sus reservas de agua durante sus actividades.
  • Espacios deportivos: Ideales para aquellos que buscan un lugar para practicar deportes o realizar ejercicio al aire libre.
  • Cajeros automáticos (ATM): Muy útiles para viajeros que necesitan disponer de efectivo en cualquier momento.
  • Picos de montaña: Para los amantes del senderismo y el montañismo que desean conocer los puntos que conquistarán en esa ruta.
  • Bares y restaurantes: Excelente opción para quienes buscan un lugar para descansar y disfrutar de una buena comida o bebida.

Si no queremos aplicar alguno de los filtros, con hacer click sobre alguna de las opciones, ponemos en estado deshabilitado (rojo) y no se mostrará.

Especificar Radio en metros de lo que se mostrará

Esta opción es un slider sencillo que nos dejará seleccionar el rango del radio desde 50 a 250m, para mostrar los POIs cercanos a los puntos de nuestra ruta que subiremos.

Lo que esté fuera de esa distancia, se ignorará.

Lo que corresponde a esa parte es lo siguiente y por defecto se seleccionan 100m de radio:

Carga de un Track GPX

Ahora ya con todo configurado, podremos cargar nuestro track.

El track tiene que ser de extensión *.gpx ( GPX — GPS Exchange Format) para poder cargar su información.

Debemos de tener a mano un track, si no lo tenemos lo tendremos que descargar o tener disponible.

Si queremos cargar uno de Wikiloc, debemos de seguir los siguientes pasos:

  • Seleccionamos Archivo y formato GPX (original) y procedemos a su descarga:

Con esto, ya tenemos un fichero GPX disponible para usarlo en la aplicación.

Ahora que ya tenemos el fichero disponible, junto con los filtros aplicados cargamos el fichero GPX (GPS Exchange Format), que contiene la ruta que queremos dibujar junto con sus POIs.

Después de aplicar los filtros, la plataforma nos muestra únicamente los puntos de interés que se encuentran dentro de un radio de selección específico.

Este radio puede ser ajustado según las necesidades del usuario, asegurando que sólo se muestren los POI más relevantes y accesibles.

Dejando el valor por defecto (100m) junto con todos los filtros, cargamos el fichero:

Y una vez cargado, dibuja el track y posteriormente hace la búsqueda de los Puntos de Interés (POIs), quedando algo similar a esto:

Si aumentamos el zoom y vamos a una zona concreta, por ejemplo al inicio de la ruta:

Haciendo zoom, se irán mostrando los puntos de interés de esa zona:

Si hacemos click sobre uno de ellos, se abre un popup con el nombre de ese punto, información del punto kilométrico de la ruta y opciones para ver la zona como es con Google Street View y como llegar a ese punto con el enlace de Google Maps (lo que es el popup mejorará con el diseño y añadiendo nuevas opciones, esto es un prototipo):

Si hacemos click en Ver zona:

Nos podemos hacer una idea de como es esa zona, si giramos, podemos encontrar en este caso la fuente:

Esto aunque a veces no nos muestre la fuente o lo que corresponde a ese POI, nos puede servir de referencia para saber como es esa zona y así encontrar esa fuente o elemento correspondiente a ese POI.

Si hacemos click Como llegar, se abrirá Google Maps:

Y con esto, por el momento es lo que tenemos disponible que para ser un prototipo, creo que está bastante bien trabajado y es completo.

Opciones extra una vez cargada la ruta

Una vez cargada la ruta y haber seleccionado los Puntos de Interés correspondientes tenemos opción de descargar la información en formato PDF con los siguientes aspectos:

  • Referencia del punto kilomérico
  • Tipo de POI
  • Enlace a Como llegar a ese punto con Google Maps.

Arriba a la izquierda tenemos la opción:

Y una vez descargado y abierto:

Ampliación Continua de POI:

POIs Achievement Directory está en constante evolución. Con el tiempo, se prevé añadir nuevas funcionalidades:

  • Nuevos tipos de puntos de interés.
  • Añadir iconos más descriptivos y visuales a cada tipo de POI.
  • Opción a guardar en local la ruta subida junto con los marcadores para una rápida carga.
  • Selección de diferentes capas base y de superposición

Y todo esto como objetivo para enriquecer la experiencia del usuario y ofrecer una herramienta aún más completa y versátil.

Beneficios de Usar POIs Achievement Directory

  • Facilidad de uso: La plataforma es intuitiva y no requiere conocimientos técnicos avanzados.
  • Personalización: Los filtros permiten personalizar la búsqueda según las necesidades específicas del usuario.
  • Eficiencia: Muestra únicamente los POI cercanos, ahorrando tiempo y esfuerzo en la búsqueda.
  • Actualización continua: La base de datos de POI se amplía regularmente, añadiendo más opciones y manteniendo la información actualizada.

En resumen, POIs Achievement Directory es una herramienta imprescindible para cualquier persona que desee explorar y descubrir puntos de interés a lo largo de sus rutas.

Ya sea que estés planeando una caminata, un viaje en bicicleta o simplemente explorando una nueva ciudad, esta plataforma te ayudará a encontrar lo que necesitas de manera rápida y eficiente.

¿Qué tengo planeado hacer con esto?

  • Crear una web con recorridos locales de mi zona para incentivar los buenos hábitos de salud física y mental.
  • Generar mapas con recorridos de carreras para mostrar información adicional y ofrecer como servicio a carreras tanto de pueblo como más grandes como pueden ser el Maratón de Valencia.

Por el momento, estos son los objetivos, si queréis sugerir algo, ¡¡adelante!!

Contenido que puede interesarte

Libro Qwik Español

Información acerca de mi primer Libro y el primer Libro de Qwik en Español.

Canal de Youtube

Cursos gratuitos y videos para enseñar aspectos interesantes de la programación.

--

--

Anartz Mugika Ledo🤗

[{#frontend:[#mobile:{#android, #kotlin, #ionic}}, {#web:{#angular, #qwik, #bootstrap}}],{#backend: [{#graphql, #nestjs,#express, #mongodb, #mysql}]}]