leaflet怎么加载mapbox地图源

要加载 Mapbox 地图源，需要在 Leaflet 中使用 Mapbox 提供的 JavaScript API。首先，你需要在 Mapbox 官网上注册一个账号，创建一个地图，并获取你的 Access Token。然后，在你的 HTML 文件中引入 Mapbox 的 JavaScript 库和 Leaflet 库：

<!-- 引入 Mapbox JavaScript 库 -->
<script src='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='stylesheet' />

<!-- 引入 Leaflet JavaScript 库 -->
<script src='https://cdn.jsdelivr.net/leaflet/1.3.1/leaflet.js'></script>
<link href='https://cdn.jsdelivr.net/leaflet/1.3.1/leaflet.css' rel='stylesheet' />

接下来，创建一个 Leaflet 地图，并指定 Mapbox 的地图源和 Access Token：

// 创建地图
var map = L.map('map', {
    center: [40, -95],
    zoom: 3
});

// 添加 Mapbox 地图源
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
    attribution: 'Map data &copy; <a href="https://www.mapbox.com/">Mapbox</a>',
    maxZoom: 18,
    id: 'mapbox/streets-v11', // 指定地图样式
    tileSize: 512,
    zoomOffset: -1,
    accessToken: 'your-access-token' // 替换为你的 Access Token
}).addTo(map);

其中，`L.tileLayer` 方法用于添加地图源，`id` 参数指定了地图的样式，`accessToken` 参数是你的 Access Token。

最后，将地图添加到 HTML 文件中的一个 `<div>` 元素中：

<div id='map' style='height: 500px;'></div>

这样就可以在浏览器中加载 Mapbox 地图了。