У меня есть функция, которая работает с Google API, которая работает в течение многих лет. Мы должны были получить новый ключ API, и теперь, кажется, ничего не работает. Что происходит, так это то, что я не получаю никакого вывода после строки оповещения (адреса), так как код из geocoder.geocode не работает. Нет ошибки, так как код geocoder.geocode просто не работает и пропускает до последнего предупреждения.
//in view to call the function
<input type="button" value="calculate" id="calculate_address_lat_long" class="btn btn-info btn-block waves-effect waves-light">
<div class="mute" id="formated_address_lat_long"></div>
//in layout <script async defer src="https://maps.googleapis.com/maps/api/js?key=hidden" type="text/javascript"></script>
$(document).on('click', '#calculate_address_lat_long', function () {
var address = '';
address += $('#street').val();
address += ' ' + $('#suburb').val();
address += ' ' + $('#postcode').val();
address += ' ' + $('#state').val();
// alert( $('#street').val());
alert(google.maps.GeocoderStatus.OK);
alert( address);
//geocoder function fails to run with no error
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
alert('asdasd');
console.log(results);
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
$('#lat').val(latitude);
$('#long').val(longitude);
$('#formated_address_lat_long')
.html('<div class="alert alert-success">' + results[0].formatted_address + '</div>')
.fadeTo(100, 0.1).fadeTo(250, 1)
.css({"position": "relative","top": "15px"});
// alert($('#lat').val(latitude));
} else {
alert('qqqasdasd');
// alert($('#lat').val(latitude));
// alert($('#long').val(longitude));
$('#formated_address_lat_long')
.fadeTo(100, 0.1).fadeTo(250, 1)
.html('<div class="alert alert-error">Address Not Found</div>')
.css({"position": "relative","top": "15px"});
}
});
alert('1111qqqasdasd');
});