SuperMapiClient3DforWebGL教程（影像篇）Mapbox

作者&＃xff1a;为梦齐舞

本文同步更新于简书文章https://www.jianshu.com/p/e19129908252
Mapbox 是一个可以创建各种自定义地图的网站&＃xff0c;如 foursquare、Pinterest、Evernote、Github、500px 等大牌都使用 Mapbox 创建自己的地图,Mapbox 宣称要构建世界上最漂亮的地图。
SuperMap iClient3D for WebGL支持多种服务来源的高精度影像地图服务的加载和渲染&＃xff0c;本文将一起来学习下使用Mapbox。
一、认识MapboxImageryProvider

MapboxImageryProvider参数
url&＃xff1a;mapbox请求瓦片的url地址&＃xff0c;默认为“https://api.mapbox.com/v4/”&＃xff0c;可以不填写&＃xff1b;
mapId&＃xff1a;mapbox的地图风格ID&＃xff0c;MapBox官方提供了11种风格&＃xff1b;
accessToken&＃xff1a;mapbox的token令牌&＃xff0c;可以在https://docs.mapbox.com/help/how-mapbox-works/access-tokens/进行申请&＃xff1b;
format&＃xff1a;请求瓦片的格式&＃xff0c;默认为png格式&＃xff1b;
ellipsoid&＃xff1a;椭球体&＃xff1b;
minimumLevel&＃xff1a;最小的瓦片层级&＃xff0c;一般more为0&＃xff0c;从最小比例尺开始渲染。
maximumLevel&＃xff1a;最大的瓦片层级&＃xff0c;一般为undefined无限制。如何设置了该值&＃xff0c;则只渲染到指定层级的瓦片&＃xff0c;再放大时&＃xff0c;最后一级瓦片被拉伸放大。
rectangle&＃xff1a;定义数据显示的范围&＃xff0c;可以设置为Rectangle&＃xff0c;限制数据的显示范围
二、重要参数介绍
1、accessToken&＃xff0c;accessToken不填写的情况下回使用默认accessToken&＃xff0c;建议可以自行申请一个

2、mapId&＃xff0c;地图风格ID常用的有如下id

mapbox.streets

mapbox.light

mapbox.dark

mapbox.satellite

mapbox.outdoors

mapbox.mapbox-streets-v8
mapbox.mapbox-streets-v8有乱码情况出现&＃xff0c;原因未知

mapbox.mapbox-terrain-v2

mapbox.92olaqdt
单独层级的mapbox图层&＃xff0c;可以进行批量叠加
三、使用方法&＃xff1a;

addMapboxMaps: function() {var mapbox &＃61; new Cesium.MapboxImageryProvider({url:"https://api.mapbox.com/v4/",mapId: "mapbox.satellite",accessToken:"pk.eyJ1IjoiemhvdXNoaWJpbiIsImEiOiJjampqb3Y0dDQwN2tzM3FxdjJ1cGxmazR3In0.U7dkP_KmgbSak2dXrqn5Bw",});viewer.imageryLayers.addImageryProvider(mapbox);}


四、效果