leaflet - 将 terrain-rgb 层添加到 MaboxGL.js？

Question

我想使用 Mapbox 的 terrain-rgb 瓦片作为 Mapbox GL map 中的图层。 我看到的操作 terrain-rgb 数据的示例使用 L.tileLayer 为新层构建图 block : https://www.mapbox.com/blog/terrain-rgb/

使用 MapboxGL.js，我尝试以这种方式添加图层:

    map.on('load', function () {

      map.addSource('terrain-rgb', {
          type: 'vector',
          url: 'https://api.mapbox.com/v4/mapbox.terrain-rgb/{z}/{x}/{y}.pngraw?access_token=pk.eyJ1IjoibWF0dCIsImEiOiJTUHZkajU0In0.oB-OGTMFtpkga8vC48HjIg'
      });
      map.addLayer({
          'id': 'terrain-rgb',
          'type': 'fill',
          'source': 'terrain-rgb',
          'layout': {
              'visibility': 'visible'
          },
          'paint': {
             'fill-color': 'rgba(15,148,179,.4)'
          },
          'source-layer': 'terrain-rgb'
      });

    });

我尝试了填充、线条和圆形类型，但它们不起作用。 我收到这些控制台错误:

GET https://api.mapbox.com/v4/mapbox.terrain-rgb/%7Bz%7D/%7Bx%7D/%7By%7D.pngraw…ss_token=pk.eyJ1IjoibWF0dCIsImEiOiJTUHZkajU0In0.oB-OGTMFtpkga8vC48HjIg 404 (Not Found)  ajax.js:25 

Object {type: "error", target: t, isSourceLoaded: false, source: Object, sourceId: "terrain-rgb"}   evented.js:104 

如何正确地将 terrain-rgb 源添加到 mapboxgl.js？

Answer 1

好的，看了github上的issues，好像还不能这样: https://github.com/mapbox/mapbox-gl-js/issues/3730