1

Вот такую ошибку выдает когда пытаюсь подключить http://prntscr.com/hog3hi

pug код

script(src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap')

js код

let initMap = function() { let uluru = {lat: -25.363, lng: 131.044}; let map = new google.maps.Map(document.getElementById('map'), {zoom: 4, center: uluru}); let marker = new google.maps.Marker({position: uluru, map: map}); };

1 ответ 1

1

Надо было быть более внимательным просто)

Во первых юзал не свой api для карты

Во вторых проблема так же была в, что функция initMap не была глобальной.

Более подробно можно прочитать тут https://stackoverflow.com/questions/37656592/define-global-variable-with-webpack

Вот рабочий пример

Что вставляем в pug div#map script(src='https://maps.googleapis.com/maps/api/js?key=Ваш__ключ__от__api&callback=initMap', async defer)

Код который вставляем в js файл страницы

var initMap = () => { var uluru = {lat: -25.363, lng: 131.044}; var map = new google.maps.Map(document.getElementById('map'), {zoom: 4, center: uluru}); var marker = new google.maps.Marker({position: uluru, map: map}); };

Очень важная часть. Нужно задать что то одно или можно оба

global.initMap = initMap;

window.initMap = initMap;

Надеюсь это вам поможет

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.