¿Cómo combinar geolocalización con google maps al codificar con javascript
Una de las cosas más comunes que los programadores de javascript tienen que hacer con los datos de geolocalización es para mostrar una ubicación en un mapa. Con el fin de hacer esto, primero tiene que obtener la latitud y la longitud. Tienes que ahora. Pero, ¿cómo se dibuja el mapa y averiguar en qué parte del mapa que latitud y longitud son? Que, al parecer, es la tarea de enormes proporciones.
Video: Geocodificar una Base de Datos MySQL con PHP y API de GoogleMaps
Afortunadamente, hay personas que han hecho esto antes y que han creado una API para interactuar con su software de mapas. Lo más famoso, Google hace que su software de mapas disponibles de forma gratuita a cualquier persona a través de la API de Google Maps (incluso para fines comerciales, en la mayoría de los casos).
Para utilizar la API de Google Maps, sigue estos pasos:
Ir a la consola de las API de Google enhttp://code.google.com/apis/consolae inicia sesión con tu cuenta de Google.
Después de registrarse, se le puede pedir que estar de acuerdo con los términos de uso-si es así, haga clic en Aceptar.
Haga clic en el botón etiquetado Activar una API.
Su pantalla muestra una lista de las API y una caja de búsqueda Explorar API.
En el cuadro de búsqueda Explorar API, escriba javascript de Google Maps API v3.
Video: HTML5 - Geolocation + Google Maps - Mapa dinámico
aparece el enlace para esta API.
Haga clic en el botón que dice OFF bajo el título de estado.
Video: How to google map markers icon change
Este paso resulta la API ON.
Después de activar la API de javascript de Google Maps, á en verde aparece al lado de la API.
La activación de la API de Google Maps.Haga clic en Credenciales enlace en la barra de navegación izquierda.
Ve la pantalla de Acceso a la API.
Haga clic en el enlace titulado Crear nueva clave.
El cree aparecerá un cuadro de diálogo Nueva clave.
Haga clic en la tecla Navegador en el cuadro de diálogo Crear nueva clave.
Un cuadro de diálogo que contiene un campo de entrada de texto etiquetado Aceptar peticiones de estos Referrers HTTP se abre.
Deje el cuadro de entrada etiquetada aceptará peticiones de estos referentes HTTP en blanco y haga clic en Crear.
El cuadro de diálogo se cierra y se creará su clave API.
En la sección de acceso a la API pública, que ahora encontrar una larga cadena de letras y números dentro de una tecla que contiene la caja para aplicaciones de navegador. Esta es la clave de API.
La clave de API es todo lo que necesita para tener acceso a toda la gran funcionalidad de la API de Google Maps.
Ahora que tiene acceso a la API de javascript de Google Maps, es el momento de probarlo. La página web en este ejemplo se obtiene la ubicación de su ordenador mediante el navigator.geolocation objeto y luego lo pasa a Google Maps para obtener un mapa.
Mapear su ubicación
Para que este script para funcionar correctamente, usted tiene que reemplazar el YOUR_API_KEY texto con la clave de API que obtuvo de Google.
Echa un vistazo a los resultados de ejecutar este código en un navegador.
