如何通过leaflet.js修改地图主题样式实现个性化定制？

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

今天遇到了一点小情况，我根据leaflet.js制作了一个离线地图，公司打算用它来做静态展示。但地图的底图是高清原图，样式如下：+ 但静态展示的主题是这种淡蓝色。

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

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

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

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