Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.10.2024, 11:02
Интересующийся
Отправить личное сообщение для NastyaVs Посмотреть профиль Найти все сообщения от NastyaVs
 
Регистрация: 28.01.2024
Сообщений: 28

Ошибки при подключении GoogleMap
При подключении GoogleMap по API возникли ошибки.
1. При первой заходе на страницу GoogleMap не загружаются сразу требуется обновить страницу. В консоли выводятся ошибки скрин внизу
2. После обновления и отображения страницы все равно выводятся предупреждения скрин внизу

Код Java Script:
document.addEventListener("DOMContentLoaded", function () {
    function initMap() {
        let opt = {
            zoom: 15,
            center: { lat: 40.88082, lng: -73.90863 },
        };
 
        let myMap = new google.maps.Map(document.getElementById("map-delizioso"), opt);
        let markersGroup = [
            {
                coordinates: { lat: 40.88082, lng: -73.90863 },
                image: "../img/items_svg/tag-location.svg",
                info: '<div class="map-cestion__address address"><div class="address__body-col body-col"><div class="body-col__picture"><img src="../img/contact_page/location.png" alt="Title Name" class="body-col__sm-pic" width="166" height="151"></div><div class="body-col__col-desk-inner"><div class="body-col__place-data place-data"><h3 class="place-data__title">Delizioso Restaurant</h3><div class="place-data__desk-parameters"><h4 class="place-data__bronx">Bronx, NY 10463, Amerika Serikat</h4><h5 class="place-data__coordinates">40.88082, -73.90863</h5></div></div><a href="reservation.html" class="body-col__social-icon">s</a></div></div></div>',
            },
        ];
 
        for (let i = 0; i < markersGroup.length; i++) {
            addMarker(markersGroup[i]);
        }
 
        function addMarker(properties) {
            let markerDelizioso = new google.maps.Marker({
                position: properties.coordinates,
                map: myMap,
            });
 
            if (properties.image) {
                markerDelizioso.setIcon(properties.image);
            }
 
            if (properties.info) {
                let infoWindow = new google.maps.InfoWindow({
                    content: properties.info,
                });
 
                markerDelizioso.addListener("click", function () {
                    infoWindow.open(myMap, markerDelizioso);
                });
            }
        }
    }
Изображения:
Тип файла: jpg Скрин #1.jpg (1.6 Кб, 5 просмотров)
Тип файла: jpg Скрин #2.jpg (5.3 Кб, 2 просмотров)
Тип файла: jpg Скрин #3.jpg (2.8 Кб, 2 просмотров)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Почему игнорируется повторный вызов всех epic-ов при возникновении ошибки (angular4)? okuznetsov1 Angular.js 3 18.06.2018 08:12
Ошибки Uncaught TypeError при вызове из Joomla. jrmobile Общие вопросы Javascript 2 30.07.2017 00:02
Обработка ошибки при загрузки изображения. The_Nobody jQuery 0 27.11.2013 15:17
Ошибка при подключении файла в обработчике ajax skillful AJAX и COMET 6 14.07.2013 16:21
При подключении скрипта, перестают работать другие скрипты 365441010 Элементы интерфейса 1 30.01.2010 09:25