cesium添加mapbox自定义风格底图

最新推荐文章于 2024-07-12 11:33:31 发布

逸然健在

最新推荐文章于 2024-07-12 11:33:31 发布

阅读量8.1k

点赞数 3

分类专栏： GIS JavaScript cesium 文章标签： npm node.js 前端

本文链接：https://blog.csdn.net/qq_26991807/article/details/103862839

版权

GIS 同时被 3 个专栏收录

28 篇文章 5 订阅

订阅专栏

JavaScript

22 篇文章 1 订阅

订阅专栏

cesium

7 篇文章 6 订阅

订阅专栏

前段时间一直想把mapbox的底图添加到cesium中，一直没找到方法。刚刚在cesium的api 中找到了相关的接口，发现现在各种应用开发越来越简便了；里面相关参数写的很详细，如下：

以下是代码：

/*
 * @Author: dzj
 * @Date: 2020-01-06 18:37:18
 * @LastEditTime : 2020-01-06 18:38:40
 * @LastEditors  : Please set LastEditors
 * @Description: In User Settings Edit//
 * @FilePath: \undefinedg:\学习文档汇总\cesium\cesiumAPI.js
 */

// 添加mapbox自定义地图实例
var layer=new Cesium.MapboxStyleImageryProvider({
    url:'https://api.mapbox.com/styles/v1',
    username:'dengzengjian',
    styleId: 'ck5290o2z121u1cle7mdtfmdk',
    accessToken: 'pk.eyJ1IjoiZGVuZ3plbmdqaWFuIiwiYSI6ImNqbGhnbWo1ZjFpOHEzd3V2Ynk1OG5vZHgifQ.16zy39I-tbQv3K6UnRk8Cw',
    scaleFactor:true
});


viewer.imageryLayers.addImageryProvider(layer);

再上张效果图：