乐趣区

关于地图:天地图修改主题颜色修改背景色

前言


最近公司比较忙,也没工夫发些博文,最近正好因为我的项目须要大屏展现地图,大屏少数都是应用暗蓝色底图,目前天地图不提供暗蓝色瓦片,自带的 JS API 只反对 black 和 indigo,但我的项目要求必须要用天地图。搜索引擎找了找解决方案,也是花里胡哨的各种形式都有,最初决定用 CSS 的 filter 解决这个问题,在博客记录下解决办法。

灵感

https://blog.csdn.net/Corey_m…

通过这篇博文的介绍,大略确定了方向,就是用 filter:url() 加上预约义成果的函数调整出最终成果。

办法

  1. 关上:CSS Filter 编辑器
  2. 上传天地图的截图到编辑器,调整下方预设及右侧参数
  3. 将 svg 预设搁置在 <body> 中,将编辑器中 CSS Code 的栏目所生成的 CSS,加在天地图的 canvas 下面

如果预设没有想要的成果,能够应用 SVG Gradient Map Filter,本人调出一个

成果展现

通过调整后的最终展现成果,谁能想到这居然是天地图呢?

退出移动版