cesium加载天地图矢量地图设置为暗黑系风格地图【独门秘方】

置顶福尔摩雷

已于 2022-03-24 10:45:12 修改

阅读量8.5k

点赞数 9

分类专栏： cesium 文章标签：前端

于 2022-03-24 10:28:45 首次发布

本文链接：https://blog.csdn.net/weixin_35681500/article/details/123704493

版权

cesium 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用Cesium库将天地图的矢量地图设置为暗黑系风格，分享了一套独门配置技巧，适用于前端开发者想要创建独特视觉效果的地图应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

国产地图服务很难找到暗系风格的底图，使用国外底图可能存在加载速度慢、不稳定等因素，本篇文章将讲述如何在不改源码的情况下轻松把天地图矢量地图调整为暗系风格底图。

const imageryProvider = new Cesium.WebMapTileServiceImageryProvider({
  url: '天地图矢量地图url',
  subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
  layer: name,
  style: 'default',
  format: 'image/jpeg',
  tileMatrixSetID: 'GoogleMapsCompatible',
  maximumLevel: 18,
  minimumLevel: 1,
});
imageryProvider.name = name;
let imagery = viewer.imageryLayers.addImageryProvider(imageryProvider);
imagery.hue = 3; // 图层色调
imagery.contrast = -1.2; // 图层对比度