在Mapbox GL JS中加载ESRI光栅



是否可以从tiles.arcgis.com服务加载ESRI光栅磁贴?在这个mapbox演示中,指定basemap平铺服务的行(在本例中来自Stamen(是这样的:

'tiles': [
'https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg'
],

然而,当我编辑fiddle示例,并尝试替换我感兴趣使用的tileset时,它似乎不起作用:

'tiles': [
'https://tiles.arcgis.com/tiles/QcN4ko50whTktDF1/arcgis/rest/services/Ortho_Midland2020_0520and0521/MapServer/tile/{z}/{x}/{y}.jpg'
],

我可以直接访问一些单独的磁贴,就像这样,但似乎无法正确获取URL字符串。这是一个包含元数据的页面,以及每个缩放级别的开始和结束平铺。

有人能指出我的URL字符串哪里出了问题吗?我还更改了初始缩放和x/y以与数据集相关:

中心:[84.3947943.820487],缩放:11

这里有一个我一直在尝试各种URL的小提琴。我非常感谢关于如何格式化ESRI tileset URL以在mapbox gl-js中使用的指针。提前感谢!

两个问题:

  • 首先,URL的末尾不应该有.jpg
  • 其次,ArcGIS在线URL是z/y/x,而不是z/x/y

所以正确的URL是:

https://tiles.arcgis.com/tiles/QcN4ko50whTktDF1/arcgis/rest/services/Ortho_Midland2020_0520and0521/MapServer/tile/{z}/{y}/{x}

更新JS Fiddle:https://jsfiddle.net/stevage/z9nao1cv/4/

最新更新