Почему карта 2GIS не прогружается?

Question

[danilr]

Подключаю карту ровно по инструкции API 2гис. Но она отображается серым цветом, то есть не прогружаются элементы карты. Почему и как исправить?
В секции head

<script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>
    <script type="text/javascript">
      var map;
        DG.then(function () {
            map = DG.map('map', {
                center: [55.016595, 82.948391],
                zoom: 16,
                // zoomControl: false,
                minZoom: 11,
                fullscreenControl: false,
                scrollWheelZoom: false
            });
    </script>

в боди

<div class="map-wrapper">
    <div id="map" style="width:100%; height:100%"></div>
  </div>

Comments

[danilr]

убрал подключение стилей - сразу стало показывать, почему так??

[Moskus]

danilr, откуда мы знаем, что у вас в стилях? Открывайте инспектор, смотрите, какие стили действуют на блок карты, но не должны.

Answer 1

[danilr]

Проблема была в следующем, стили для img мешали.

img {
  max-width: 100%;
  max-height: 100%;
}