Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Ошибки при подключении GoogleMap (https://javascript.ru/forum/xhtml-html-css/86117-oshibki-pri-podklyuchenii-googlemap.html)

NastyaVs 17.10.2024 11:02

Ошибки при подключении GoogleMap
 
Вложений: 3
При подключении 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);
                });
            }
        }
    }


Часовой пояс GMT +3, время: 23:29.