ccc

Google Maps: Buscar cualquier dirección con un autocomplete y que te proporcione el ID y toda la demás información

<h1>Obtener el ID de la empresa</h1>
<input id="autocomplete_search" style="width: 50%" name="autocomplete_search" type="text" class="form-control" placeholder="Search" />
<p>ID: <span id="id_company">----------------</span></p>

<script async src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaXXXX978RZrgxsHoSrfyXPtDjzNHxM3ntdU0&amp;libraries=places"></script>

<script>
    google.maps.event.addDomListener(window, 'load', initialize);
    function initialize() {
        var input = document.getElementById('autocomplete_search');
        var autocomplete = new google.maps.places.Autocomplete(input);
        autocomplete.addListener('place_changed', function () {
            var place = autocomplete.getPlace();
            // place variable will have all the information you are looking for.
            //$('#lat').val(place.geometry['location'].lat());
            //$('#long').val(place.geometry['location'].lng());
console.log(place);
            $('#id_company').html(place.reference);
        });
    }
</script>

Especial agradecimiento a Carlos Sierra García

No hay comentarios:

Publicar un comentario