能否将Azure Maps设置为Leaflet的底图图层？

算力阿峰

2026-10-4

Leaflet 接入 Azure Maps 作为底图图层实现方案

依赖引入：先导入Leaflet核心CSS、JS资源，再导入Azure Maps适配Leaflet的插件资源。
容器准备：在页面中创建地图挂载DOM，例如<div id="mapContainer" style="width: 100%; height: 600px;"></div>，自行设置符合需求的宽高尺寸。
初始化Leaflet基础画布：调用Leaflet的地图实例化方法，指定默认中心点和缩放等级：
```
const map = L.map('mapContainer').setView([39.9, 116.3], 10);
```
加载Azure Maps底图图层：调用插件提供的底图方法，传入你的Azure Maps订阅密钥，将生成的图层添加到已初始化的Leaflet地图实例中即可，示例代码：
```
L.tileLayer.azureMaps('road', {
  subscriptionKey: '你的Azure Maps有效订阅密钥'
}).addTo(map);
```
样式调整：你可以按需更换底图类型，可选值包括road（标准道路图）、satellite（卫星影像图）、hybrid（卫星路网混合图）等，替换上述代码中第一个参数即可生效。