Post Top Ad

Your Ad Spot

jueves, 7 de mayo de 2020

Latitud y longitud con Google Maps

Google Maps permite usar su servicio para obtener coordenadas del mapa:
Por ejemplo, en su HTML, dos campos para almacenar la latitud y la longitud 
<input id="latitude" type="text" name="latitude" value="">
<input id="longitude" type="text" name="longitude" value="">
Cuando ingrese un código postal, use Google Maps para actualizar la latitud y longitud:
<input id="postcode" type="text" name="postcode" value="">
El código JS, tenga en cuenta que <? = $ ApiKey;?> Debe contener su clave API de Google Maps.
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<?=$apiKey;?>"></script>
<script type="text/javascript">
    $(document).on('change', '#postcode', function (e) {
        var geocoder = new google.maps.Geocoder();
        var address = this.value;
        geocoder.geocode({ 'address': address }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var latitude = results[0].geometry.location.lat();
                var longitude = results[0].geometry.location.lng();

                //set the value of input elements with an id of latitude and longitude
                document.getElementById("latitude").value = latitude;
                document.getElementById("longitude").value = longitude;
            } 
        });
    });
</script>

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas