为Mapbox创建第三方光栅分幅

我正在尝试使用Mapbox将高分辨率无人机图像集成到我们的网站上。当我在Mapbox Studio中创建瓷砖时，它工作得很好，但是它有一个大小限制，并且只接受8位图像。我曾尝试使用GDAL2文件创建自己的瓷砖，但它们不会加载到地图上。我不确定这是兼容性问题、gdal平铺设置还是代码本身的问题。任何帮助都将不胜感激

我曾尝试修改Mapbox为第三方光栅图块提供的代码，但没有成功

gdal2tiles

gdal2tiles.generate_tiles（infle，outdir，np_进程=4，zoom='0-22'，srs='EPSG:3857'）

mapboxgl.accessToken='pk.eyj1ijoibhvryxnmcmfzzxiilcjhijoi2p5znn3nm12mwzrddnscw85ahaww52eij9.fbdptqhtuwaltex9dcog'；
var map=new mapboxgl.map({
容器：'映射'，//容器id
风格：{
“版本”：8，
“资料来源”：{
“光栅分幅”：{
“类型”：“光栅”，
“tiles”：[“/{z}/{x}/{y}.png”]，
“瓷砖大小”：256
}
},
“层”：[{
“id”：“简单瓷砖”，
“类型”：“光栅”，
“源”：“光栅分幅”，
“最小缩放”：0，
“最大缩放”：22
}]
},

---

我曾尝试在本地运行此html，将其与磁贴放在同一文件夹中，并将其上载到我们的AWS服务器，但两者都不起作用。在这两种情况下，都会加载背景地图，但磁贴不起作用。

gdal2tiles输出

tms

磁贴，而不是

xyz

磁贴，因此请尝试在源上设置如下方案：

新建mapboxgl.Map({
容器：'映射'，//容器id
风格：{
“版本”：8，
“资料来源”：{
“光栅分幅”：{
“类型”：“光栅”，
“tiles”：[“/{z}/{x}/{y}.png”]，
“tileSize”：256，
“方案”：“tms”
}
},
“层”：[{
“id”：“简单瓷砖”，
“类型”：“光栅”，
“源”：“光栅分幅”，
“最小缩放”：0，
“最大缩放”：22
}]
}
});

gdal2tiles输出

tms

磁贴，而不是

xyz

磁贴，因此尝试在源上设置如下方案：

新建mapboxgl.Map({
容器：'映射'，//容器id
风格：{
“版本”：8，
“资料来源”：{
“光栅分幅”：{
“类型”：“光栅”，
“tiles”：[“/{z}/{x}/{y}.png”]，
“tileSize”：256，
“方案”：“tms”
}
},
“层”：[{
“id”：“简单瓷砖”，
“类型”：“光栅”，
“源”：“光栅分幅”，
“最小缩放”：0，
“最大缩放”：22
}]
}
});

Relative tiles URL不保证工作，因为它不清楚它应该是相对于什么的。如果它对您有效，很好，但如果不是，您应该尝试设置一个绝对路径。Andrew-我也尝试过，但似乎没有什么不同。Relative tiles URL不保证工作，因为它不清楚应该是什么L是相对的。如果它对你有效，很好，但如果不是，你应该尝试设置一个绝对路径。安德鲁-我也尝试过，但它似乎没有任何区别Hanks Manish，但这似乎没有任何区别。当你在浏览器中检查网络请求时，你看到了什么？我收到了一些错误---evented.js:136 Error:layers.undefined:缺少必需的属性“source”----evented.js:136错误：layers.undefined.source:应为字符串，找到未定义-----evented.js:136错误：layers.undefined:缺少必需的属性“id”---谢谢Manish，但这似乎没有什么不同。当您在浏览器中检查网络请求时，您看到了什么？我收到了一些错误--events.js:136错误：layers.undefined:缺少必需的属性“source”------evented.js:136错误：layers.undefined.source:应为字符串，找到未定义的-----evented.js:136错误：layers.undefined:缺少必需的属性“id”---