前言

本章讲解如何不使用vue或react的情况下，在原生html网页中使用Leaflet地图加载地图的功能。
以高德地图xyz瓦片地图为例。

示例演示效果

vue如何使用Leaflet

1. vue2如何使用：《Leaflet入门，如何使用vue2-leaflet实现vue2双向绑定式的使用Leaflet地图，以及初始化后拿到leaflet对象，方便调用leaflet的api》

2. vue3如何使用：《Leaflet入门，如何使用vue-leaflet实现vue3双向绑定式的使用Leaflet地图》
   vue2和vue3使用leaflet的区别只在于初始化变量时data和setup方式的区别，因此文章中所有代码只使用vue2方式进行展现，vue3需要读者手动迁移到setup方式。

实现功能

1. 原生html网页方式加载leaflet的js和css样式库
2. 初始化地图，