ЗДЕСЬ карты показывают пустые карты

Когда я пытаюсь показать карту, используя следующую комбинацию html/script:

<div id="map_7e0c7d1b55054dc7b95e2b542da877e8" style="height: 350px; width: 600px;"></div>

var map = new nokia.maps.map.Display(
    document.getElementById('map_7e0c7d1b55054dc7b95e2b542da877e8'), {
        zoomLevel: 10,
        center: [60.18249633040953, 5.0916092724915245],
        components: [
            new nokia.maps.map.component.Behavior(),
            new nokia.maps.map.component.ZoomBar(),
            new nokia.maps.map.component.TypeSelector(),
            new nokia.maps.map.component.ScaleBar() 
        ]
    }
);

Я просто получаю серое поле с элементами управления картой: введите здесь описание изображения

Сетевой журнал показывает, что некоторые плитки загружены, но одна из них «отменена»: введите здесь описание изображения

Кто-нибудь знает, почему моя карта не отображается?
Я перепроверил app_id и app_code.
Кроме того, раньше карта работала - это произошло около месяца назад, без каких-либо изменений. с нашей стороны, насколько я вижу.


google-maps twitter-bootstrap here-api
person azzlack    schedule 08.09.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Нашел проблему. По-видимому, карты Twitter Bootstrap и ЗДЕСЬ не работают хорошо - проблема, которая также существует с Google Maps .

Решение состояло в том, чтобы добавить класс в div карты с именем here-maps и добавить следующий css:

.here-maps img {
    max-width: none;
}
person azzlack    schedule 09.09.2014
comment
Начиная с Bootstrap 3, высота div также должна быть фиксированной. - person Radu; 30.03.2017