Hola Buenos días a toda la comunidad, necesito saber como implementar un mapa interactivo (por así llamarlo, como el que usan muchas aplicaciones por ejemplo el de los taxis) para mostrar donde esta el usuario y su posible destino y según se vaya moviendo el usuario se vaya moviendo en el mapa, esto se puede montar a través de JS (sin usar algo nativo como en Android y IOS) sería para una Webapp.
sí, yo creo que si se podría hacer en web sin tener que ser nativo, a lo mejor debería ser en node.js y socket.io para hacerlo en tiempo real ya que si lo haces con ajax a lo mejor fundes el servidor.
aquí tienes ejemplos de google maps, básicamente necesitas las coordenadas del usuario y los taxis para mostrarlos en el mapa
https://developers.google.com/maps/documentation/javascript/examples/
Hola Miguel muchas gracias por la información, voy a ver que más puedo sacar para realizarlo, aunque mi idea es crear algo que luego la gente pueda implementar en sus proyectos, ya sabes que me gusta esto de publicarlo en github (lo de Ceca por ejemplo) y facilitar la vida al desarrollador.
Si alguno otro quiero darme alguna pauta de como hacerlo bienvenido.
Gracias a HTML5 dispones de las APIs que acceden a la localización del dispositivo, http://html5demos.com/geo luego usas la API que Miquel te ha compartido y es ir añadiendo los pines al mapa. Realizar el cálculo de la distancia y mostrar el recorrido es un método que te ofrece el mismo google maps.
A tener en cuenta que dentro de poco van a quitar estas opciones, ya que google maps va a dejar de dar soporte, también ten cuidado con el límite de uso, ya que no es gratuito.
Como alternativas a Google maps puedes usar Open Street Map. Esta librería puede facilitarte mucho el trabajo.
http://leafletjs.com/
En cuanto a la geolocalización, como indica Santiago, no es complicada en HTML5. Pero no indicas cómo quieres montar el backend (Yo he realizado pruebas con nodejs y mongodb y los resultados han sido muy buenos).
Muchas gracias a todos por la respuesta, no es para un proyecto en particular, pero me gustaría montarlo y ver que tal va.
Que me recomendáis usar node.js y mongodb para el backend?
Si me preguntas a mi, te diría que sí, MEAN puede ser una buena solución para lo que buscas, pero es que yo soy un enamorado de JS.
Piensa en lo que estés más cómodo y el lenguaje que más controles.
Cuando dices que no es un proyecto en particular, supongo que el tiempo no es un problema. Pues hazlo de manera que disfrutes con lo que haces. No hay tecnologías mejores o peores.
Si te sirve de ayuda, un proyecto personal muy parecido, lo monté con nodejs y mongodb (típica aplicación de geolocalizar gasolineras cerca de ti y mostrar precios) y los resultados me sorprendieron gratamente. Pero el reto que me propuse era montar una app móvil íntegramente en JS. ¿Mereció la pena?. Para mi sí. ¿Era la mejor opción?. Eso depende de quien te conteste.
Hola, viendo lo que has comentado por aquí, recientemente he empezado un proyecto justamente de mapas en tiempo real y creo que te puede servir como guía, O puedes adaptarlo.
Funciona con google maps y leaflet (ostm)
De momento no tiene mucha documentación, pero si tienes alguna duda pregunta.
Muchas gracias, por compartir tu clase, me va venir muy bien para hacer pruebas. como no es algo que entregar a un cliente final, tengo tiempo de sobra.
Saludos
25/07/2014 16:22
sí, yo creo que si se podría hacer en web sin tener que ser nativo, a lo mejor debería ser en node.js y socket.io para hacerlo en tiempo real ya que si lo haces con ajax a lo mejor fundes el servidor.
aquí tienes ejemplos de google maps, básicamente necesitas las coordenadas del usuario y los taxis para mostrarlos en el mapa
https://developers.google.com/maps/documentation/javascript/examples/
espero haberte guiado un poco
saludos
01/08/2014 21:02
Si alguno otro quiero darme alguna pauta de como hacerlo bienvenido.
11/03/2015 12:52
Gracias a HTML5 dispones de las APIs que acceden a la localización del dispositivo, http://html5demos.com/geo luego usas la API que Miquel te ha compartido y es ir añadiendo los pines al mapa. Realizar el cálculo de la distancia y mostrar el recorrido es un método que te ofrece el mismo google maps.
A tener en cuenta que dentro de poco van a quitar estas opciones, ya que google maps va a dejar de dar soporte, también ten cuidado con el límite de uso, ya que no es gratuito.
Un saludo
19/03/2015 14:47
18/03/2015 18:31
http://leafletjs.com/
En cuanto a la geolocalización, como indica Santiago, no es complicada en HTML5. Pero no indicas cómo quieres montar el backend (Yo he realizado pruebas con nodejs y mongodb y los resultados han sido muy buenos).
19/03/2015 14:47
Gracias
19/03/2015 14:46
Que me recomendáis usar node.js y mongodb para el backend?
19/03/2015 22:13
Si me preguntas a mi, te diría que sí, MEAN puede ser una buena solución para lo que buscas, pero es que yo soy un enamorado de JS.
Piensa en lo que estés más cómodo y el lenguaje que más controles.
Cuando dices que no es un proyecto en particular, supongo que el tiempo no es un problema. Pues hazlo de manera que disfrutes con lo que haces. No hay tecnologías mejores o peores.
Si te sirve de ayuda, un proyecto personal muy parecido, lo monté con nodejs y mongodb (típica aplicación de geolocalizar gasolineras cerca de ti y mostrar precios) y los resultados me sorprendieron gratamente. Pero el reto que me propuse era montar una app móvil íntegramente en JS. ¿Mereció la pena?. Para mi sí. ¿Era la mejor opción?. Eso depende de quien te conteste.
30/03/2015 12:28
Funciona con google maps y leaflet (ostm)
De momento no tiene mucha documentación, pero si tienes alguna duda pregunta.
https://github.com/IagoLast/RTmaps
30/03/2015 12:31