模板部分
使用了自定义导航栏组件。
通过和组件实现了左右抽屉式菜单。
地图容器使用标签，其样式通过:style绑定动态设置高度和其他样式。
底部有一组按钮，目前被注释掉，但它们用于执行不同的地图操作，如标记、绘制路线、定位和传值。
脚本部分

导入了必要的模块和组件，例如Storage、locationUtils、loadjs等。
定义了mapConfig对象，包含地图相关的配置信息，如地图名称、Token、主机地址等。
使用了leafletMap作为模块名称，并通过renderjs指定了使用RenderJS进行页面渲染。
在data函数中定义了组件的初始状态，包括地图图层、标记、图标等。
mounted生命周期钩子中，检查window.L对象是否存在，如果不存在，则动态加载leaflet.js及其插件。
定义了一系列方法，如initLeaflet用于初始化地图，initLayer用于初始化地图图层，initLocate用于初始化定位功能，以及initIcon用于初始化地图上的图标。
样式部分

定义了页面的CSS样式，包括导航栏、地图容器、按钮样式等。
包含了leaflet的CSS动画，如定位动画。
组件交互

通过handleChange方法来处理页面上的各种事件，如地图图层切换、定位、应巡点显示等。
使用了watch属性来监听Vuex状态的变化。
onLoad生命周期钩子中获取屏幕高度，并初始化本地存储值。
网络请求
通过getSqliteData和getCheckingPoint等函数与后端进行数据交互。
地图功能
地图初始化后，可以加载不同的图层，如VECMIX、IMGMIX和TERMIX。
可以添加标注和路线，并进行地图定位。

以上就是文章全部内容了，如果喜欢这篇文章的话，还希望三连支持一下，感谢！