leaflet引用高德地图

Leaflet是一款轻量级的JavaScript库，用于创建交互式地图。要使用Leaflet集成高德地图，你需要通过官方提供的插件或者API。以下是基本步骤：

1. **安装依赖**：首先，在项目中引入Leaflet主文件和高德地图相关的JavaScript和CSS资源。可以在Leaflet的官网下载最新版本，同时从高德地图官网获取地图API的链接。

<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<!-- 高德地图JS API -->
<script src='https://webapi.amap.com/maps?v=1.4.15&key=your_amap_key'></script>

记得替换`your_amap_key`为你的实际高德地图API key。

2. **初始化地图**：在HTML或JavaScript中，你可以使用高德地图的初始化函数创建一个Map实例，并设置其容器元素ID以及中心点和缩放级别。

var map = L.map('mapid').setView([39.9042, 116.4074], 13); // 北京坐标及初始缩放等级

3. **添加图层**：然后，你可以使用高德地图提供的`AMap.Map`组件创建一个图层，如marker、polyline或polygon等。

var amapMarker = new AMap.Marker({
  position: [39.9042, 116.4074],
  raiseOnDrag: true,
});
map.addLayer(amapMarker);

4. **绑定事件处理**：可以利用Leaflet和高德地图各自提供的事件机制，例如监听地图点击事件。

amapMarker.on('click', function(e) {
  console.log('Marker clicked:', e.lnglat);
});