前端深色地图

地图可视化的使用场景：大屏数据可视化，驾驶舱

前端在线地图可视化方案（地图+改变颜色）：

方案一：在线的话，就利用官网进行更改颜色，例如百度，高德，天地图都有自己的颜色风格，百度，高德可以自定义自己的地图风格，祥见官网，这个比较简单就不说了。优点为：可自定义所有元素（比如河流，道路，建筑）的风格颜色样式

天地图方案：可以通过官方的setStyle设置颜色来更改，缺点是只有蓝色和黑色这两种风格，且不可自定义原色的样式。（https://www.cnblogs.com/naycy/p/16742451.html）。

天地图方案：使用filter+openlayers的tileLoadFunction实现地图的变色：参考我这篇文章更改颜色部分
https://blog.csdn.net/weixin_43239880/article/details/129247279?spm=1001.2014.3001.5502
（有完整的demo） 缺点：不可以自定义元素的颜色风格，只能调整体的颜色风格。

前端离线地图可视化方案（地图+改变颜色）：

方案一：栅格瓦片离线地图
所有地图都可用：https://blog.csdn.net/weixin_43239880/article/details/129247279?spm=1001.2014.3001.5502（缺点是不可以自定义每个元素的颜色风格，只能调整体的颜色风格）

方案二：geoserver发布自己的矢量瓦片离线地图。（优点：每个元素的颜色风格都可以自定义。 缺点：发布矢量离线相当的麻烦，特别是调样式那一块，要使用qgis等工具去生成sld文件，不是地图厂商不建议这么干）。

方案三：望远网http://www.wmksj.com/下载带有颜色的瓦片，然后用openlayers加载这个瓦片就行了。这个和方案一其实原理基本上差不多，都是对图片就行操作。方案一是利用openlayers在加载瓦片时的回调去处理这个图片瓦片。方案三是先对瓦片进行处理，然后下载下来去发布。 缺点：下载瓦片需要钱，不能下载天地图的瓦片（相当于废了，离线一般都是需要天地图，因为离线的项目，政府居多，内部使用天地图的会更多）。 优点：可自定义每个元素的样式

最后

看了网上的超级多的方案，目前的主流还是在线使用官网的来变色，离线的通过对图片进行操作（不管是使用css filter还是rgba方案如https://www.cnblogs.com/naaoveGIS/p/11175634.html）来变色。