Usage scenarios of map visualization: large-screen data visualization, cockpit
Front-end online map visualization scheme (map + change color):
Solution 1: If you are online, use the official website to change the color. For example, Baidu, AutoNavi, and Tiandi map all have their own color styles. Baidu and AutoNavi can customize their own map styles. See the official website of Xiangxiang. This is relatively simple and I won’t talk about it up. The advantage is: the style color style of all elements (such as rivers, roads, buildings) can be customized
Tiandi scheme: You can change the color by setting the official setStyle. The disadvantage is that there are only two styles, blue and black, and you cannot customize the style of the primary color. ( https://www.cnblogs.com/naycy/p/16742451.html ).
Tiandi map scheme: use filter+openlayers tileLoadFunction to realize the color change of the map: refer to the color change part of my article
https://blog.csdn.net/weixin_43239880/article/details/129247279?spm=1001.2014.3001.5502
(complete demo) Disadvantages: You cannot customize the color style of elements, only adjust the color style of the body.
Front-end offline map visualization scheme (map + change color):
Option 1: Grid tile offline map
All maps are available: https://blog.csdn.net/weixin_43239880/article/details/129247279?spm=1001.2014.3001.5502 (The disadvantage is that the color style of each element cannot be customized , can only adjust the color style of the body)
Solution 2: Geoserver publishes its own vector tile offline map. (Advantage: The color style of each element can be customized. Disadvantage: It is quite troublesome to publish the vector offline, especially for the style adjustment, you need to use tools such as qgis to generate the sld file, which is not recommended by map manufacturers).
Solution 3: Download the tile with color from Wangyuan.com http://www.wmksj.com/ , and then load the tile with openlayers. In fact, the principle of this is basically the same as that of Solution 1, which is to operate on pictures. Solution 1 is to use the callback of openlayers when loading tiles to process the image tiles. The third option is to process the tiles first, and then download and publish them. Disadvantages: Downloading tiles requires money, and you cannot download Tiandi map tiles (it is equivalent to abolished, offline generally requires Tiandi map, because offline projects are mostly government, and more internal use of Tiandi map will be used). Pros: Customizable styles for each element
at last
After reading a lot of solutions on the Internet, the current mainstream is to use the official website to change the color online, and operate the image offline (whether using css filter or rgba solutions such as https://www.cnblogs.com/naaoveGIS/p /11175634.html ) to change color.