Olá! Estou desenvolvendo um projeto a qual necessito encontrar as coordenadas de um local de acordo com o endereço. Usei seu código ele funcionou por um bom tempo, porém a um mês ele parou de funcionar. Já refiz ele várias vezes e mesmo assim não funcionou. Se não for incomodo poderia me ajudar a solucionar o problema?
<script type="text/javascript">
$(document).ready(function() {
$('#pesquisar').click(function(event) {
event.preventDefault();
event.stopPropagation();
$resultado = $('#resultado');
$resultado2 = $('#resultado2');
$endereco = $('#rua');
_endereco = $.trim($endereco.val());
if (_endereco.length > 0) {
$.ajax({
url: 'https://maps.googleapis.com/maps/api/geocode/json',
dataType: 'json',
data: {
sensor: false,
region: 'BR',
address: _endereco
},
success: function(response) {
$resultado.html('');
$resultado2.html('');
if (response.status == 'OK') {
document.getElementById('resultado').value = response.results[0].geometry.location.lat.toString() + '';
document.getElementById('resultado2').value = response.results[0].geometry.location.lng.toString() + '';
}
}
});
}
return false;
});
});
</script>
A parte em html em que é apresentada as informações:
<div class="form-group">
<label> Localização de se negócio</label></div>
<div class="form-group">
<div class="row">
<div class="col-xs-6">
<div class="form-group">
<label>Latitude</label>
<input required="required" class="form-control" type="text" name="resultado" id="resultado">
</div>
<div class="form-group">
<input class="btn localizar" type="button" id="pesquisar" value="Localizar Coordenadas" />
</div>
</div>
<div class="col-xs-6">
<div class="form-group">
<label>Logitude</label>
<input required="required" class="form-control" type="text" name="resultado2" id="resultado2">
</div>
</div>
</div>
</div>