Seguí un poco con el mapa. Como ya dije en el anterior post tenía puesto Leaflet y el mapa de Tokyo, y me faltaba meterle mano.
Lo primero que hice fue añadir varias capas con marcadores: una para la home del jugador, otra para las tiendas y otra el propio jugador. Tarea fácil: la última la del jugador para que se vea encima del resto de marcadores si está posicionado encima de uno de ellos.
Lo segundo fue una decisión que tenía que tomar: podía liarme y hacer una búsqueda de caminos o directamente ir a lo sencillo y usar la API de OSRM. Y puede que en futuras versiones lo cambie pero para una primera versión y sin apenas tiempo para desarrollar lo más fácil era usar la API. Tiene algunas limitaciones:
- – Sólo permite una llamada cada 5 segundos
- – Sólo traza rutas de vehículos
No hay mucho problema con las llamadas cada 5 segundos. El jugador pincha en una tienda, ve la información y después pinchará en otra. Si lo hace antes de 5 segundos se le dice que espere y listo. Obviamente no es lo más óptimo pero servirá. Con lo de las rutas de vehículos sí que tenía más problemas, ya que quería implementar transportes públicos, pero ya vendrá más adelante si la idea sigue en pie. De momento el jugador irá a pie, en coche o en bicicleta, y vaya como vaya toma la misma ruta pero cambia la velocidad y el tiempo de ir de un sitio a otro.
Y ya aquí implementar las llamadas a la API. Al pinchar en cada tienda que muestre en un recuadro el nombre, la distancia y el tiempo que se tarda en ir hasta allí, y marcar la ruta obviamente. Esto para cada tienda, y un botón para ir a la tienda si el jugador quiere ir. Implementé también una animación para que el marcador del jugador vaya de un punto a otro y voilá! Ya tenemos funcional esa parte.
Para el próximo paso tengo que implementar el tiempo. Y como recordatorio para mí (o moraleja): ve a lo fácil, que no tienes tiempo para todo, y ya tendrás tiempo de mejorarlo en un futuro.
