Vue框架下使用leaflet框架加载天地图瓦片数据

Vue框架如何搭建这就不赘述了，重点在于瓦片数据的加载

在vue中引用leaflet需要先通过npm install leaflet --save安装

然后在mian.js中引入leaflet的css样式

接下来就是在你需要使用leaflet的文件中引入leaflet

这里天地图中的key需要你去自己去申请

定义一个容器用来绑定leaflet的地图

绑定之后接下来就是通过L.tileyaer去加载需要展示的底图与文件

重点

---

在定义leaflet的map时crs属性十分关键，缺少改属性瓦片图层就无法进行展示，原因是该属性是leaflet计算瓦片数据的关键

是这么一个简单的属性，却是整个leaflet瓦片加载的核心算法必然依赖项。当然，对于leaflet官档，自然而然的给出了一句忠告：

可以参考：https://blog.csdn.net/qq_29722281/article/details/102635604

最后附上代码