前言
最近公司比較忙，也沒時間發些博文，最近正好由於專案需要大屏展示地圖，大屏多數都是使用暗藍色底圖，目前天地圖不提供暗藍色瓦片，自帶的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，自己調出一個
效果展示
經過調整後的最終展示效果，誰能想到這竟然是天地圖呢？
