前端深色地图

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

前端在线地图可视化方案(地图+改变颜色):

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

天地图方案:可以通过官方的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)来变色。

猜你喜欢

转载自blog.csdn.net/weixin_43239880/article/details/131190805