跳转至

Mapbox GL JS

Mapbox GL JS 是一个 JavaScript 库，基于 vector tiles 和 Mapbox styles，使用 WebGL 渲染交互式地图。Mapbox GL JS 是 Mapbox GL 生态系统之一，其中还包括 Mapbox Mobile，它是一个用 C++ 编写的兼容桌面和移动平台的渲染引擎。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
import mapboxgl from 'mapbox-gl'
import 'mapbox-gl/dist/mapbox-gl.css'

// 初始化地图
const map = new mapboxgl.Map({
  accessToken = '{YOUR MAPBOX ACCESS TOKEN}'
  container: 'map', // 地图容器 id
  style: 'mapbox://styles/mapbox/streets-v11', // 样式
  center: [104.294538, 35.860092], // 地图初始中心点
  zoom: 1.2, // 地图初始缩放级别
})

// 添加导航控件
const nav = new mapboxgl.NavigationControl({
  visualizePitch: true
})
map.addControl(nav)