时间戳

首页 > 解决方案 > Mapbox 在 Modal Bootstrap 中不显示

bootstrap-modal - Mapbox 在 Modal Bootstrap 中不显示

问题描述

所以这个 div 被放置在一个 id = 'modalxyz' 的模态中

<div id='map' style='width: 400px; height: 300px;'></div>

有了这个 js 地图框

mapboxgl.accessToken = 'token';
const map = new mapboxgl.Map({
  container: 'map', // container ID
  style: 'style', // style URL
});

modal成功出来了，但是map。它离开了空间，但地图没有显示。我尝试了这段代码，但仍然无法正常工作。

$('#modalxyz').on('shown.bs.modal', function() { 
  map.invalidateSize();
});

标签： bootstrap-modalmapbox

解决方案

推荐阅读