前言
最近公司比较忙,也没工夫发些博文,最近正好因为我的项目须要大屏展现地图,大屏少数都是应用暗蓝色底图,目前天地图不提供暗蓝色瓦片,自带的JS API只反对black和indigo,但我的项目要求必须要用天地图。搜索引擎找了找解决方案,也是花里胡哨的各种形式都有,最初决定用CSS的filter解决这个问题,在博客记录下解决办法。
灵感
https://blog.csdn.net/Corey_m...
通过这篇博文的介绍,大略确定了方向,就是用filter:url()
加上预约义成果的函数调整出最终成果。
办法
- 关上:CSS Filter 编辑器
- 上传天地图的截图到编辑器,调整下方预设及右侧参数
- 将svg预设搁置在<body>中,将编辑器中CSS Code的栏目所生成的CSS,加在天地图的canvas下面
如果预设没有想要的成果,能够应用SVG Gradient Map Filter,本人调出一个
成果展现
通过调整后的最终展现成果,谁能想到这居然是天地图呢?