Mapbox GL JS 中的 MiniMap 控件怎么在项目包里使用

要在项目包中使用 Mapbox GL JS 中的 MiniMap 控件，您需要首先在项目中安装 Mapbox GL JS。您可以在项目的根目录中运行以下命令来安装 Mapbox GL JS：

npm install mapbox-gl

然后，您可以通过以下方式导入 MiniMap 控件：

import 'mapbox-gl/dist/mapbox-gl.css';
import MapboxGl from 'mapbox-gl';
import 'mapbox-gl/dist/mapbox-gl.css';
import 'mapbox-gl/dist/mapbox-gl.js';
import 'mapbox-gl/dist/mapbox-gl.css';
import 'mapbox-gl/dist/mapbox-gl.js';
import 'mapbox-gl/dist/mapbox-gl.css';
import 'mapbox-gl/dist/mapbox-gl.js';
import 'mapbox-gl/dist/mapbox-gl.css';
import 'mapbox-gl/dist/mapbox-gl.js';
import 'mapbox-gl/dist/mapbox-gl.css';
import 'mapbox-gl/dist/mapbox-gl.js';
import MapboxGl from 'mapbox-gl';
import 'mapbox-gl/dist/mapbox-gl.css';
import 'mapbox-gl/dist/mapbox-gl.js';
import 'mapbox-gl-minimap/mapbox-gl-minimap.css';
import MapboxGlMinimap from 'mapbox-gl-minimap';

// 创建地图
const map = new MapboxGl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [0, 0],
  zoom: 2,
});

// 添加 MiniMap 控件
const minimap = new MapboxGlMinimap({
  center: [0, 0],
  zoom: 0,
  mapboxgl: MapboxGl,
});

map.addControl(minimap);

在上面的代码中，我们首先导入了 Mapbox GL JS 库和 MiniMap 控件。然后，我们创建了一个地图对象，并使用 `addControl()` 方法将 MiniMap 控件添加到地图中。

请注意，我们还需要引入 MiniMap 控件的 CSS 文件。您可以在 `mapbox-gl-minimap` 包中找到它。