如何通过leaflet.js详细解析调整地图主题样式的步骤？

本文共计1188个文字，预计阅读时间需要5分钟。

今天遇到了一点小状况，我自己根据leaflet.js做了一个离线地图，公司打算用它来做动态演示。但是地图的底图是用高德地图的，风格是下面的这种：+ 但是动态演示的主题需要的是这种淡蓝色调的”。

今天遇到了一点点的小情况，我自己根据leaflet.js做了一个离线地图，公司要用来做态势，但是地图的底图用的是高德的原图，样式是下面这样的：

但是态势的主题是如下的这种淡蓝色：

这就造成了本次的需求，需要可以修改样式的主题，由于本人是个后端小佬，前端菜鸡，所以实现起来发生了一些困难，这里简单介绍下实现的路程。
首先看下效果：

然后介绍下艰辛的过程：
首先，需要用到一个基于leaflet.js的插件:
github.com/hnrchrdl/leaflet-tilelayer-colorizr
但是在使用这个插件的时候出现了一些问题，这里不赘述了，大致就是我加载的地图瓦片是其他的服务器，但是这个插件似乎不能支持跨域，废了很大的心思我终于解决了这个问题。