vue3 ts leaflet

vue3 ts leaflet 是一个使用 TypeScript 和 Vue 3 构建交互式地图的库。使用 Leaflet 库可以创建地图容器，并在 Vue 3 项目中使用。

安装步骤：
1. 在项目中安装 Leaflet 和相关依赖：

   npm install @leaflet@1.9.3 @leaflet.chinatmsproviders@3.0.4

2. 在项目中引入 Leaflet 和相关样式：

   import L from "leaflet";
   import "leaflet/dist/leaflet.css";
   import 'leaflet.chinatmsproviders';

3. 设置地图的 API key，可以在天地图申请：

   import L from 'leaflet';
   import 'leaflet/dist/leaflet.css';

   // 设置天地图的 key
   L.TileLayer.ChinaProvider.init({ tian_di_tu: "your-key" });

4. 在 Vue 3 项目中创建地图容器：

   <template>
     <!-- leaflet 地图容器 -->
     <div id="myMap"></div>
   </template>

5. 初始化地图并设置地图容器：

   import L from 'leaflet';
   import 'leaflet/dist/leaflet.css';

   // 创建地图容器
   const map = L.map('myMap').setView([51.505, -0.09], 13);

   // 添加地图图层
   L.tileLayer.ChinaProvider.getTianDiTuLayer().addTo(map);   ```