Только фон карты? Почему не отображается Google Map?

Question

[frontendzzz]

Приветствую) Почему не отображается Google Map, только её фон? В низу скрин.
Ни как не могу разобраться в чём дело.

Подключаю api:

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDatSkaBytmgXx2TltQkVhflK9XyCYLF8">

Блок с картой:

<div class="map__container">
      <div class="map__content">
            <div class="map__logo"></div>
            <p>Уже более 41 городов в России и СНГ</p>
       </div>
       <div class="map" id="map"></div>
</div>

JS через webpack:

/* 8 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
    value: true
});
var googleMap = function googleMap() {
    $(document).ready(function () {

        function initMap() {
            var coordinates = { lat: 47.212325, lng: 38.933663 },
                map = new google.maps.Map(document.getElementById('map'), {
                center: coordinates
            });
        };
        initMap();
    });
};

exports.default = googleMap;

/***/ })
/******/ ]);

Скрин:
Сегодня в консоли увидела такую ошибку:

Comments

[Никита Егоров]

в консоли есть что-то?

[frontendzzz]

Нет ошибок

Answer 1

[Павел Новиков]

посмотрите, что пишет консоль. Скорее всего, проблема в ключе АПИ. В люблм случае - консольлог в студию

Comments

[frontendzzz]

В консоли нет ошибок