快速开始

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

  1. 安装
npm install --save mapbox-gl
npm install --save-dev @types/mapbox-gl
  1. 添加 CSS 样式文件
import 'mapbox-gl/dist/mapbox-gl.css'
  1. 初始化地图
import mapboxgl from 'mapbox-gl'

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: 2.4, // 地图初始缩放级别
})

示例:Display a globe on a webpage在新页面打开