HERE 地图显示空白地图答案

【问题标题】：HERE maps show blank maptilesHERE 地图显示空白地图
【发布时间】：2014-09-08 08:41:11
【问题描述】：

当我尝试使用以下 html/脚本组合显示地图时：

<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。
此外，地图过去可以工作 - 这发生在大约一个月前，据我所知，我们这边没有进行任何更改。

【问题讨论】：

标签： twitter-bootstrap google-maps here-api

【解决方案1】：

发现问题。显然 Twitter Bootstrap 和 HERE 地图表现不佳 - a problem that also exists with Google Maps。

解决方案是在地图 div 中添加一个名为 here-maps 的类，并添加以下 css：

.here-maps img {
    max-width: none;
}

【讨论】：

从 Bootstrap 3 开始，div 的高度也需要固定。