ddimonn8080
@ddimonn8080

Почему не отображается карта google map?

Здравствуйте. Подключил карту. Настроил цветовую схему. Но карта сначала отображается а спустя пару секунд пропадает и вместо карты сообщение об ошибке и просьба проверить консоль. Консоль не показывает никаких ошибок.
Ссылка на сайт

подключал так
<div class="contacts__map" id="contacts__map"></div><!-- contacts__map End -->

<script type="text/javascript">
        var map;
        function initMap() {
            map = new google.maps.Map(document.getElementById('contacts__map'), {
                center: {lat: 55.756952, lng: 37.603866},
                zoom: 8,
                scrollwheel: false,
                styles: [{"featureType":"administrative.province","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"saturation":-100},{"lightness":65},{"visibility":"on"}]},{"featureType":"poi","elementType":"all","stylers":[{"saturation":-100},{"lightness":51},{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"all","stylers":[{"saturation":-100},{"lightness":30},{"visibility":"on"}]},{"featureType":"road.local","elementType":"all","stylers":[{"saturation":-100},{"lightness":40},{"visibility":"on"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"transit","elementType":"geometry.fill","stylers":[{"visibility":"on"}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffff00"},{"lightness":-25},{"saturation":-97}]},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":-25},{"saturation":-100}]}]
            });

            var marker = new google.maps.Marker({

                position: {lat: 55.716935, lng: 37.602026},
                map: map,
                title: 'г. Москва, ул. Донская, дом 32',
                icon: 'img/contacts/marker.png'
});
        }
    </script>

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


Помогите определить в чём проблема.

Спасибо.
  • Вопрос задан
  • 3915 просмотров
Решения вопроса 1
AlexanderBelov
@AlexanderBelov
Frontend developer
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
shnopik87
@shnopik87
Утром, познав истину, вечером можно умереть.
Зачем в этой строке использовать и async и defer одновременно. используй что то одно..... или вообще убери их!
<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap"></script>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы