在调整窗口大小之前，JavaScript HERE 地图不会显示在引导选项卡上

Question

我正在尝试通过以下简单示例在 Bootstrap 选项卡上显示 HERE 地图：https://developer.here.com/documentation/maps/3.1.30.3/dev_guide/topics/map-controls-ui.html

问题是在调整窗口大小之前地图不会出现在页面加载中。只要我更改窗口大小，地图就会立即出现。或者，如果我将 emap 移到选项卡之外，它可以正常工作。我已经尝试过强制窗口和文档事件触发 - 没有帮助。尝试过延迟 - 没有。

我还能做些什么来在页面加载时在选项卡上显示地图？

Answer 1

我终于明白了！我想我需要在窗口或文档加载时加载地图，如果没有标签，这可能是正确的，但对于标签，它是关于标签显示的。bs.tab 事件：

$('a[data-bs-toggle="tab"]').on('shown.bs.tab', function (e) {
    if (lat > 0 && lng > 0) {
        loadMap({ lat: lat, lng: lng });
    }
});