如何解决如何使用mapbox gl js添加栅格数据?
我想在地图上添加一个Cloud Optimized Geotiff栅格图层,数据在AWS s3存储桶中。 如何在mapbox gl js上覆盖我的栅格数据? 提取s3的对象URL是否正确? 如果您知道该怎么做,请回答我。
map.on('load',function(){
map.addSource('cog-data',{
"type": "raster","tiles": ["data url"],"tileSize": 256
});
map.addLayer({
"id": "cog-data","type": "raster","source": "cog-data","minzoom": 0,"maxzoom": 22,'layout': {
'visibility': 'visible'
},});
解决方法
为了使用raster
源,需要对源数据进行平铺。在这种情况下,URL类似于.../{z}/{x}/{y}.png
。
由于您显然有一个覆盖整个区域的TIF,因此应改用image
源:
map.addSource('cog-data',{
"type": "image","url": "...tif","coordinates": [...]
});
我不确定这是否可行,但希望可以。
文档:https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/#image
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。