本文中的代码已经在文中全部出现过了，为什么还需要一个下载币呢，是因为我的下载币不够用了额，下载其他大神的代码，需要，所以请赞助一下吧。当然你不想赞助的话，你可以在文章中一个一个的copy，绝对的一模一样，绝对的开源，赞助一个下载币吧
##里面附带这各个城市的cityCode
一，Leaflet 是一款非常优秀的 JavaScript
开源地图库，可以方便地创建基于 Web 的交互式
地图应用程序。在 Leaflet 中，我们可以利用各种扩展扩展库实现相关的任务，其中
加载和使用天
地图是一个非常常见的任务。
在这里，我们将详细说明如何在 Leaflet 中
加载天
地图。首先，我们需要获取天
地图的开发者密钥并引入相关库。具体来说，我们需要引入 `leaflet.js`、`proj4js`、`leaflet.ChineseTmsProviders.js`和 `leaflet-tilelayer-wmts.js`。需要注意的是，天
地图使用 WGS84 坐标系统和 3857 坐标系统，因此我们必须使用 proj4js 将这两个坐标系统进行转换。
接着，我们可以创建一个 Leaflet
地图对象并添加天
地图的图层，代码示例如下：
```javascript
// 创建 Leaflet
地图
var map = L.map('map', {
crs: L.CRS.EPSG3857, // 设置坐标系
center: [30, 120], // 设置中心点坐标
zoom: 6 // 设置缩放级别
// 添加天
地图的图层
var baseLayer = L.tileLayer.chinaProvider('TianDiTu.Normal.Map', {
maxZoom: 18, // 设置最大缩放级别
minZoom: 1 // 设置最小缩放级别
map.addLayer(baseLayer);
在上面的示例中，我们首先创建了一个 Leaflet
地图对象，并设置了坐标系、中心点坐标和缩放级别。然后，我们使用 `tileLayer.chinaProvider` 方法添加了天
地图的图层，其中 `'TianDiTu.Normal.Map'` 表示要添加的图层类型，这里我们添加了天
地图的普通
地图。除了 `'TianDiTu.Normal.Map'`，我们还可以添加其他类型的图层，比如卫星
地图、地形图等。
最后，我们需要使用 CSS 定义一个容器来显示
地图。完整的样例代码如下所示：
```html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Leaflet
加载天
地图</title>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/leaflet/1.6.0/leaflet.css">
<style>
#map {
width: 100%;
height: 800px;
</style>
</head>
<div id="map"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/leaflet/1.6.0/leaflet.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/proj4js/2.6.1/proj4.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/leaflet.ChineseTmsProviders/1.22.0/leaflet.ChineseTmsProviders.js"></script>
<script src="./leaflet-tilelayer-wmts.js"></script>
<script>
// 创建 Leaflet
地图
var map = L.map('map', {
crs: L.CRS.EPSG3857, // 设置坐标系
center: [30, 120], // 设置中心点坐标
zoom: 6 // 设置缩放级别
// 添加天
地图的图层
var baseLayer = L.tileLayer.chinaProvider('TianDiTu.Normal.Map', {
maxZoom: 18, // 设置最大缩放级别
minZoom: 1 // 设置最小缩放级别
map.addLayer(baseLayer);
</script>
</body>
</html>
总之，使用 Leaflet
加载天
地图非常简单，只需要引入相关库、创建
地图对象并添加天
地图的图层。在这个过程中，需要注意的是天
地图使用 WGS84 坐标系统和 3857 坐标系统，我们需要使用 proj4js 转换坐标系。同时，我们还可以根据需求添加其他类型的图层，比如卫星
地图、地形图等。
