leaflet 1.6.0加载mapbox地图源
时间: 2023-09-16 22:11:19 浏览: 172
要加载Mapbox地图源,您需要首先在Mapbox网站上注册一个账户并获取访问令牌(Access Token)。然后,您可以使用Leaflet库提供的L.tileLayer()方法创建一个地图图层,并将Mapbox地图源的URL和访问令牌传递给它。以下是一个示例代码:
```javascript
var accessToken = 'YOUR_ACCESS_TOKEN';
var mapboxUrl = 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}';
var mapboxAttribution = 'Map data © <a href="https://www.mapbox.com/">Mapbox</a>';
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer(mapboxUrl, {
attribution: mapboxAttribution,
maxZoom: 18,
id: 'mapbox/streets-v11',
tileSize: 512,
zoomOffset: -1,
accessToken: accessToken
}).addTo(map);
```
在上面的代码中,您需要将“YOUR_ACCESS_TOKEN”替换为您的Mapbox访问令牌。另外,您还可以根据自己的需求调整地图的视图、图层ID和其他选项。
阅读全文