Я пытаюсь внедрить в Google Maps API маркер, основанный на названии местоположения на основе этой реализации .
Я получаю сообщение об ошибке "Отказано в запросе".
Желаемый эффект похож на этот
var geocoder;
var map;
var address = "Tumbili Rd, Off Langata South Rd, Hardy, Nairobi.";
var address_2 = "Victoria Courts, Parklands Road, Westlands, Nairobi.";
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -1.310747, lng: 36.787653},
zoom: 11
});
geocoder = new google.maps.Geocoder();
codeAddress(geocoder, map);
}
function codeAddress(geocoder, map) {
geocoder.geocode({'address': address}, function(results, status) {
if (status === 'OK') {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
geocoder.geocode({'address': address_2}, function(results, status) {
if (status === 'OK') {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}
Скрипт
<script src="/static/js/contact-script.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDqMKSQz5wNsQaMjhgLYZQe2NNx2KfheTg&callback=initMap"
async defer></script>
где, если вы щелкнете маркер, он предоставит вам информацию о местоположении.(При желании можно также добавить маркер с lon, lat с информацией, которая появляется при нажатии).
Карта работает нормально, загружаются маркеры, которые не заканчиваются должным образом.
IЯ также все еще работаю с локального сервера, возможно, именно отсюда проблема.