mapboxgl 做 TMS
时间: 2023-08-24 12:09:18 浏览: 126
如果您想在Mapbox GL JS中使用TMS(Tile Map Service)服务,您可以使用`raster-tile-source`图层来实现。
以下是一个使用TMS服务的示例:
```javascript
mapboxgl.accessToken = 'your-access-token';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: [-96, 37.8],
zoom: 3
});
map.on('load', function() {
map.addSource('tms-source', {
'type': 'raster',
'tiles': [
'http://your-tms-server.com/{z}/{x}/{y}.png'
],
'tileSize': 256
});
map.addLayer({
'id': 'tms-layer',
'type': 'raster',
'source': 'tms-source',
'paint': {}
});
});
```
在上述示例中,`http://your-tms-server.com/{z}/{x}/{y}.png`是您的TMS服务的URL地址。`tileSize`设置为256,这是TMS服务的标准大小。
此外,您还可以使用`raster-dem-source`图层来使用TMS服务的高程数据。
阅读全文