前言
最近公司比较忙,也没工夫发些博文,最近正好因为我的项目须要大屏展现地图,大屏少数都是应用暗蓝色底图,目前天地图不提供暗蓝色瓦片,自带的 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,本人调出一个
成果展现
通过调整后的最终展现成果,谁能想到这居然是天地图呢?