在一些gis项目中,存在很多地图大屏系统,这些系统大都需要科技感满满的深色系地图来做支撑。针对这种需要变换色系的地图来说,我们有以下几个实现方案:

(1)使用gis桌面工具和矢量数据进行配图,然后发布切片服务

这种方式往往需要开发人员对桌面数据处理软件操作比较熟悉,并且要有相关区域范围的矢量数据做支撑。

(2)调用在线瓦片地图,使用css-filter属性在前端页面对瓦片样式进行修改

这种方式是最简单的一种方式,只不过需要耐心去调试成一个自己满意的色调。例如使用天地图vec_w图层

filter: brightness(0.88) contrast(1.22) grayscale(0) hue-rotate(360deg) opacity(1) saturate(1.1) sepia(0.54) invert(0.9);

(3)调用在线瓦片地图,使用地图引擎内置的api对图层颜色进行修改

这种方式,针对不同的地图引擎api接口不同,具体还需要自己去尝试,例如supermap webgl引擎:

(4)如果自己有地图服务,还可以在服务端对地图瓦片进行实时匀色

具体参考:https://www.cnblogs.com/naaoveGIS/p/11175634.html

webgis中自定义地图颜色实现思路相关推荐

  1. “GIS讲堂”第十课—WEBGIS中的地图图例

    概述: 本节课程讲述了WEBGIS中的地图图例的实现. 课程主题: 地图图例的实现 课程内容: 1.地图图例的概念 图例是集中于地图一角或一侧的地图上各种符号和颜色所代表内容与指标的说明,有助于更好的 ...

  2. linux命令行颜色,技术|在 Linux 命令行中自定义文本颜色

    在 Linux 命令行当中使用不同颜色以期提供一种根据文件类型来识别文件的简单方式.你可以修改这些颜色,但是在做之前应该对你做的事情有充分的理由. 如果你在 Linux 命令行上花费了大量的时间(如果 ...

  3. ECharts中自定义地图——js 引入示例

    以四川省为例. ​​ 引用js <script src="js/echarts.min.js"></script><script src=" ...

  4. android项目中自定义顶部标题栏,Android项目中自定义顶部标题栏

    Android项目中自定义顶部标题栏 下面给大家详细介绍android中自定义顶部标题栏的思路及实现方式 先来图: 思路及实现步骤 1.定义标题栏布局 2.自定义TitleActivity控制标题栏按 ...

  5. power bi自定义地图_如何使用自定义形状图在Power BI中创建地理图

    power bi自定义地图 介绍 (Introduction) This is the third article of a series dedicated to discovering geogr ...

  6. FineReport中如何用JavaScript自定义地图标签

    2019独角兽企业重金招聘Python工程师标准>>> 在日常使用地图过程中,通常会遇到地图标签,提示点等显示不满足我们的需求,需要进行JavaScript代码编写. 例如:在使用地 ...

  7. R语言plotly包可视化线图(line plot)、使用restyle参数自定义设置可视化结果中线条的颜色、使用按钮动态切换线条的颜色(change line color with button)

    R语言plotly包可视化线图(line plot).使用restyle参数自定义设置可视化结果中线条的颜色.使用按钮动态切换线条的颜色(change line color with button i ...

  8. R语言ggplot2可视化、在可视化区域中自定义添加多个大小不同矩形阴影区域、自定义配置大小不同矩形阴影区域的颜色(Adding multiple shadows/rectangles)

    R语言ggplot2可视化.在可视化区域中自定义添加多个大小不同矩形阴影区域.自定义配置大小不同矩形阴影区域的颜色(Adding multiple shadows/rectangles) 目录

  9. seaborn箱图(box plot)可视化、并且使用matplotlib的meanprops函数在箱图中自定义均值标签、标签形状、标签大小、标签填充色彩、标签边缘颜色

    seaborn箱图(box plot)可视化.并且使用matplotlib的meanprops函数在箱图中自定义均值标签.标签形状.标签大小.标签填充色彩.标签边缘颜色 目录

最新文章

  1. 皮一皮:现在想想真是幸运...
  2. R语言数据可视化 ggplot2基础1 ggplot2 图形的分层语法 Layered Grammar 简介
  3. 你能活多少岁,就让人工智能来告诉你吧
  4. PicCompress一个精简的图片压缩工具
  5. 51nod1236 序列求和 V3
  6. 我的世界html导入整合包教程,《我的世界手机版》如何制作一个整合包教程攻略...
  7. oracle 区管理系统,oracle区管理和段空间管理详细介绍
  8. 在多个线程中使用QNetworkAccessManager
  9. 北风网ajax,[T8:JavaScript中利用Ajax实现客户端与服务器端通信北风网收费视频讲座.ppt...
  10. 迭代求解最优化问题——步长确定
  11. 汇编语言 王爽 第四版 第一章 检测点1.1
  12. Wwise + GME游戏语音方案:解锁更多语音玩法,让玩家“声临其境”
  13. 数据结构实验报告:顺序表基本操作的实现
  14. php kindeditor远程图片上传,KindEditor远程跨域上传的实现
  15. 分布式事务管理之分布式事务框架TX-LCN
  16. 小程序转uniapp——disabled
  17. 只要你懂得人性,就不怕没钱赚!
  18. 2016-2017-1 《信息安全系统设计基础》课程总结
  19. SGVision与FX3U通讯
  20. 使用数据结构实现学生成绩管理

热门文章

  1. 搭建SVN服务端及创建SVN账号
  2. jvc ip camera vnc10u 设置
  3. DFS + BFS + 洛谷题
  4. 深度学习——卷积神经网络的应用——目标检测
  5. Hyper-v虚拟机上鼠标或键盘不能用以及没网络解决方法
  6. html5 css3实现字幕滚动的效果
  7. 达梦数据库初始化实例参数说明(页大小 (page_size)、簇大小 (extent_size)、大小写敏感 (case_sensitive)、字符集 (charset))
  8. (Flutter2) AS导入老项目报错:inheritFromWidgetOfExactType
  9. 一步步读懂Pytorch Chatbot Tutorial代码(二) - 数据处理
  10. [网络篇]ESP8266-SDK教程(六)之网页配置Wi-Fi名称和密码