喜大普奔——Mapbox GL JS支持多种投影了

1. 写在前面

Mapbox GL JS 在v2.6.0之前不支持投影，默认地图是Mercator投影方式，如果项目中使用其他类型的投影（比如加载经纬度直投4326的地图切片），必须通过修改源码的方式实现。

2. Mapbox GL JS v2.6版本重大更新

mapbox gl js在2021年11月更新版本v2.6.0后，开始支持以下7中投影方式：

• Albers (‘albers’) Albers投影
• Equal Earth (‘equalEarth’)平等地球投影,
• Equirectangular/Plate Carrée/WGS84 (‘equirectangular’)[经纬度直投],
• Lambert (‘lambertConformalConic’)兰勃特等角圆锥投影,
• Mercator (‘mercator’)墨卡托,
• Natural Earth (‘naturalEarth’)自然地球投影,
• Winkel Tripel (‘winkelTripel’)温克尔三重投影.

3. 怎么用？简单

map对象新增projection属性，支持定义map的投影类型。查看官网实例

import mapboxgl from 'mapbox-gl'

mapboxgl.accessToken = '{YOUR MAPBOX ACCESS TOKEN}'
const map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    center: [110, 36],
    zoom: 8.6,
    projection: 'equirectangular' // starting projection
});

看看效果

1. Albers投影
   
2. Equal Earth投影
   
3. WGS84经纬度直投
   
4. Lambert投影
   
5. Mercator投影（web默认）
   
6. Natural Earth投影
   
7. Winkel Tripel
   

4. 下一个期待的重大支持, 慢慢地、慢慢地支持主流三维数据格式