Геокодирование Карт Google: & gt; Google не определен & quot;

Question

Геокодирование Карт Google: & gt; Google не определен & quot;

У меня возникает проблема, когда я пытаюсь загрузить этот код, и я не могу понять, почему он не работает …

<script type="text/javascript">
$(document).ready(function()
{
var geocoder = new google.maps.Geocoder();
$(".textarea-autosize").autosize();

geocoder.geocode({
address: '{$order->address_delivery["address1"]},{$order->address_delivery["postecode"]},{$order->address_delivery["city"]}'
}, function(results, status) {
if (status === google.maps.GeocoderStatus.OK)
{
var delivery_map = new google.maps.Map(document.getElementById('map-canvas'), {
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: results[0].geometry.location
});
var delivery_marker = new google.maps.Marker({
map: delivery_map,
position: results[0].geometry.location,
url: 'http://maps.google.com?q={$order->address_delivery["address1"]},{$order->address_delivery["postcode"]},{$order->address_delivery["city"]}'
});
google.maps.event.addListener(delivery_marker, 'click', function() {
window.open(delivery_marker.url);
});
}
});
});

// Fix wrong maps center when map is hidden
$('#tabAddresses').click(function(){
x = delivery_map.getZoom();
c = delivery_map.getCenter();
google.maps.event.trigger(delivery_map, 'resize');
delivery_map.setZoom(x);
delivery_map.setCenter(c);

});
</script>

Ошибка происходит на var geocoder = new google.maps.Geocoder();

Затем я попытался загрузить следующий скрипт: <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

и я получаю еще одну ошибку:

‘Uncaught TypeError: Невозможно прочитать свойство’ offsetWidth ‘из null’

Кто-нибудь знает, почему это не работает?

1

geocoding google-geocoder maps php prestashop

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Карты Google не загружаются в тот момент, когда вы пытаетесь вызвать его. Вы должны использовать это:

HTML:

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&callback=initMap" async defer></script>

JS:

function initMap() {
// Google maps are now initialized.
}

Вы должны включить асинхронный и отложенный Атрибуты в ваш скрипт — это гарантирует, что остальная часть сайта будет загружаться, а не ждать загрузки скрипта (что удобно, потому что он довольно большой).
Во-вторых, вы передаете параметр callback при вызове скрипта. Это имя функции, которая должна выполняться при загрузке скрипта. Таким образом, вы можете быть уверены, что инициализируете карту только тогда, когда она действительно загружена и присутствует в вашем окне.

3