为Mapbox创建第三方栅格切片
为Mapbox创建第三方栅格切片
提问于 2019-09-10 22:45:37
我正在尝试使用Mapbox将高分辨率无人机图像集成到我们的网站上。当我在Mapbox Studio中创建tiles时，它工作得很好，但它有大小限制，并且只接受8位图像。我已经尝试使用gdal2tiles创建我自己的瓦片，但它们无法加载到地图上。我不确定这是不是兼容性问题，我的gdal平铺设置，还是代码本身的问题。任何帮助都将不胜感激！
我尝试修改Mapbox给出的第三方栅格瓦片的代码，但它不起作用。
gdal2tiles
gdal2tiles.generate_tiles(infile, outdir, np_processes=4, zoom='0-22', srs='EPSG:3857')<div id='map'></div>
<script>
mapboxgl.accessToken = 'pk.eyJ1IjoibHVrYXNmcmFzZXIiLCJhIjoiY2p5ZnN3Nm12MWZrdDNscW85aHAwbW52eiJ9.fbdPTtQHTUWaLTex9dCO0g';
var map = new mapboxgl.Map({
container: 'map', // container id
style: {
"version": 8,
"sources": {
"raster-tiles": {
"type": "raster",
"tiles": ["./{z}/{x}/{y}.png"],
"tileSize": 256
}
},
"layers": [{
"id": "simple-tiles",
"type": "raster",
"source": "raster-tiles",
"minzoom": 0,
"maxzoom": 22
}]
},我尝试在本地运行此html，并将两者都上传到我们的AWS服务器，但都不起作用。在这两种情况下，都会加载背景贴图，但不会加载平铺。
回答 1
Stack Overflow用户
发布于 2019-09-11 00:17:00
gdal2tiles输出的是tms tiles，而不是xyz tiles，因此尝试在源上设置一个方案，如下所示：
new mapboxgl.Map({
container: 'map', // container id
style: {
"version": 8,
"sources": {
"raster-tiles": {
"type": "raster",
"tiles": ["./{z}/{x}/{y}.png"],
"tileSize": 256,
"scheme": "tms"
}
},
"layers": [{
"id": "simple-tiles",
"type": "raster",
"source": "raster-tiles",
"minzoom": 0,
"maxzoom": 22
}]
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57873267
复制相关文章
相似问题
腾讯云开发者
