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

原创已于 2022-03-24 10:45:12 修改 · 置顶 · 9.9k 阅读

收录于

cesium

当前文章被收录于：

cesium

1 篇文章 0 人学习

cesium特效集和独门秘方

订阅专栏查看详情

当前文章被以下社区和专栏收录：

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

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

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



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; // 图层对比度

标签

#前端