vue3.0使用leaflet

1、获取天地图密钥；

访问:https://www.tianditu.gov.cn/  

注册并登录，访问开发资源 =》地图API =》

地图服务=》申请key 

 应用管理=》创建新应用=》获取到对应天地图key

2、引入leaflet组件

参考资料：https://leafletjs.com/reference.html#path

npm install leaflet 

 在main.ts里面引用地图样式

//引用地图样式

import "leaflet/dist/leaflet.css";

在.vue文件中加载leaflet

效果如下：

 3、加载地图和影像

引入leaflet.chinatmsproviders组件；

npm install leaflet.chinatmsproviders

效果如下：