Hay ocasiones en que uno necesita descubrir de qué parte del mundo proviene un visitante en particular. Hay muchos proveedores de búsqueda de IP a la ubicación que ofrecen este servicio a un costo razonable (dependiendo de la cantidad de detalles que requiera).
La API de Google Maps AJAX ofrece esta búsqueda para usted sin costo (siempre que sus necesidades no sean comerciales). Incluso puede utilizar la información de latitud y longitud que devuelve la API para trazar la ubicación del usuario en un mapa de Google. Nifty eh? Veamos ahora un ejemplo simple: detectaremos la ubicación del usuario en función de su dirección IP y la mostraremos en un mapa.
Antes de comenzar, es posible que desee ver la demostración.
Primero deberá obtener una clave de búsqueda de AJAX (es gratis, solo regístrese con su nombre de dominio y se le dará una clave única, que se aplica a todas las páginas alojadas en su dominio). Una vez que tengas eso listo, enciende tu editor favorito. No necesitamos ningún código del lado del servidor para poder usar la API de Google Maps, por lo que un documento HTML simple es suficiente.
En primer lugar, vamos a colocar los? Ganchos? en la página, donde aparecerán el mapa y un título.
La API de Google AJAX consiste en una colección de API individuales. Mediante el uso de un La función de carga anterior toma el nombre de la API, su versión y una función de devolución de llamada opcional (que se llama una vez que la API de Maps ha terminado de cargarse) como parámetros. En la función init (), primero definiremos una ubicación predeterminada que se mostrará en el mapa, en caso de que la API de Google Maps no pueda decodificar la dirección IP del visitante. Dado que la API de Google Maps coincide básicamente con la dirección IP del usuario con una ubicación, puede haber casos en que este mapeo no sea posible y, por lo tanto, la necesidad de un valor predeterminado. A continuación, verificamos si la ubicación del cliente fue completada por el cargador de API. Si se llena correctamente, el objeto google.loader.ClientLocation tiene las siguientes propiedades: Con esta información, podemos cargar fácilmente un mapa, centrado en la ubicación del usuario. Eso es todo, verlo en acción. Como ya he indicado anteriormente, la información de ubicación del cliente devuelta por esta API no es perfecta, ya que la asignación de IP a menudo puede ser complicada y puede resultar en información incorrecta o parcialmente precisa. Si bien debería considerar buscar una solución lista para la empresa para usos serios, ¡espero que esta API sea útil para sus necesidades personales!