Hola a todos:
He querido realizar un tutorial que recoja todos los elementos que entran en juego a la hora de trabajar con geolocalización en javascript, el uso de la api v3 de google maps y en definitiva todas las posibilidades que nos ofrece la geolocalización a la hora de utilizarla tanto en una web o en una app hibrida que utilice javascript en una webview como apache cordova/phonegap, ionic, etc.
Como los post muy largos son aburridos de leer he decidido dividir este tutorial en varios capítulos en posts diferentes.
A lo largo de este contenido veremos como mostrar un mapa estático como una imagen, mostrar mapas dinámicos con marcadores, obtener las coordenadas actuales de nuestro dispositivo, obtener las coordenadas de un punto a partir de una dirección, obtener una dirección a partir de unas coordenadas, buscar lugares de interés cercanos al punto donde nos encontramos, aprenderemos a crear una función que calcule la distancia en kilometros entre dos puntos a partir de sus coordenadas. También he añadido un post antiguo donde muestro como abrir el mapa nativo de nuestro dispositivo para mostrar la ruta hasta un punto (Android, iOSm Windows Phone) formando una url concreta en función del sistema operativo que estemos utilizando.
A continuación pos pongo los links a cada uno de los capitulos que forman este tutorial dedicado a la geolocalización:
- Mostrar una imagen con un mapa estático.
- Mostrar un mapa interactivo de Google Maps.
- Añadir marcadores a Google Maps.
- Obtener la dirección a partir de unas coordenadas.
- Obtener Coordenadas a partir de una dirección.
- Buscar lugares de interés cercanos.
- Obtener la distancia distancia entre dos puntos.
- Abrir mapa nativo en iOS, Android y Windows Phone desde un link.
Al ser un tema extenso es posible que se hayan quedado algunas cosas en el tintero. No dudéis en dejar en los comentarios sugerencias para ampliar este tutorial con algún tema sobre geolocalización en javascript que no se haya tratado, o cualquier comentario que querais hacer al respecto.
Espero que os sea de utilidad.
Un saludo
Un saludo, y si aún no lo has hecho no olvides suscribirte a mi blog para no perderte los próximos posts :-),También puedes seguirme en Twitter en @revigames y no olvides que me ayudas mucho si compartes este post en las redes sociales.
Pingback: Tutorial de Ionic 2 – Crear una aplicación para guardar nuestros sitios geolocalizados – Parte 2: Mostrando el mapa. | Reviblog
Pingback: Tutorial de Ionic 2 – Crear una aplicación para guardar nuestros sitios geolocalizados – Parte 6 – Mostrar detalles del sitio guardado y abrir navegador gps para llegar a el. | Reviblog