Finalmente después de años puedo mostrar un proyecto mascota relacionado a las tierras de donde provengo. De no haber sido un proyecto para aprender, tal vez me habría llevado cerca de un mes culminar con el desarrollo. En agosto del 2025 pude comenzarlo, y logré darle los toques finales recién en noviembre, tras varios meses de estancamiento (sí, está bien tomarse un descanso para reestructurar ideas).
Desde el principio tuve claro que utilizaría los datos de OpenStreetMap (OSM) para mostrar los mapas a través de Leaflet. ¿Y por qué OSM? Porque los datos pueden ser editados por cualquiera que tenga una cuenta allí, además de que los datos son abiertos: pertenecen a la comunidad, no a una empresa en particular. Eso sí, a no olvidar citar a OSM y a los colaboradores (por su licencia ODbL).
Solo faltaba definir lo demás.
Lo primero fue pensar con qué trabajar como para poder levantar el sitio estáticamente en un host gratuito. Como ya tenía experiencia previa en Gitlab Pages, y no quería trabajar de nuevo con Hugo, entonces se me ocurrió trabajar con Astro: uno por curiosidad y otro porque noté que tiene cierta popularidad. Además, me gustó el concepto de islas (https://docs.astro.build/es/concepts/islands/), y ya que permite el uso de frameworks de UI, entonces allí estaba la siguiente pregunta… ¿Con qué hago el frontend para los mapas?
Aquí en verdad decidí complicarme, dado que Leaflet es bastante completo para trabajar con mapas, pero tuve la maravillosa idea de incorporar reactividad… Y no, no es tan sencillo que digamos. ¡Pero quería aprender! De hecho, podía mejorar mis conocimientos de Vue, pero elegí decantarme por Svelte. Si bien la documentación se ve completa, hay ciertos comportamientos que pude entender solo gracias a hilos en Reddit :)
Ya luego faltaba el detalle de los estilos. Tailwind como tal no me convencía por la cantidad de clases que hay que usar para estilizar un solo elemento, entonces encontré a Daisy UI (que en cierto modo me recuerda a Bulma y al propio Bootstrap). Bastante conforme con el resultado.
Inicialmente quise obtener los datos vía overpass-turbo a través de su API (vía fetch), pero noté que con sucesivas peticiones en cortos periodos de tiempo ya no se retornaban datos (y volvía a funcionar como una semana después aproximadamente). Eso retrasó bastante el desarrollo. Entonces tomé la “drástica decisión” de descargar los datos manualmente, y reestructurarlos a través de un script de js. Es por eso que si se agregan o modifican datos en el mapa, hay que actualizar también los archivos relacionados. De allí que puede que los datos de los sitios mostrados en el mapa estén desfasados o incompletos. Se agradece el aviso, por cierto 😉
Y por si se preguntan si las descargas están automatizadas, la respuesta es no, ya que los datos no cambian muy frecuentemente. Un poco de trabajo manual de vez en cuando no está mal.
Gran parte del contenido de esta publicación también aparece en la sección de preguntas frecuentes del sitio.
Citando lo ya mencionado en tal sección:
Cada vez que menciono de dónde provengo, respondo “Colonias Unidas”, y por lo general la gente que no es de los alrededores desconoce el lugar del cual estoy hablando. Haciendo una búsqueda en internet, los primeros resultados suelen mostrar una cooperativa homónima, causando confusión. Además, años atrás (meses antes de la pandemia) me habían preguntado dónde alojarse o comer allí, y no he podido responder ya que tales lugares o no aparecen en internet, o los que aparecen ya no existen o cuentan con información desfasada.
Traducciones en los idiomas que no son español/castellano 😊 El sitio está pensado para mostrarse en español, guaraní, portugués, alemán e inglés.