如何使用mapboxgl.js向地圖添加平鋪圖層

Question

在這里添加使用tiff創建的圖塊

mapboxgl.accessToken ='pk.eyJ1IjoiZ2F1cmF2Y2F0c3RlY2giLCJhIjoiY2l1cGo0MTl4MDAxajJ1bng5a2xieTY0diJ9.0fDXNulI91U85ngSc4jGCg';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/light-v9',
  zoom: 13,
  center: [-122.447303, 37.753574]
});

map.on('load', function () {
  map.addSource('terrain-data', {
    type: 'raster',
    url:'mapbox://gaurav.2on6cgzq'
  });
  map.addLayer({
    "id": "terrain-data",
    "type": "line",
    "source": "terrain-data",
    "source-layer": "contour",
    "layout": {
      "line-join": "round",
      "line-cap": "round"
    },
    "paint": {
      "line-color": "#ff69b4",
      "line-width": 1
    }
  });
});

我正進入（狀態 ：

錯誤：由樣式層“地形數據”指定的源“地形數據”上不存在源圖層“輪廓”

Answer 1

我不認為"source-layer": "contour"適用於任何柵格源。 請參見https://www.mapbox.com/mapbox-gl-js/example/map-tiles/。因此，請擺脫該行。看起來您將需要"tileSize": 256源代碼中還包括"tileSize": 256選項。

同樣，您也不需要布局和繪畫選項，這些都是矢量或geojson源的選項。 這些類型的控件在柵格上不可用。

Answer 2

最簡單的方法是，只需在Mapbox Studio中編輯圖塊層，然后將其上載到mapbox.js。 這樣，您所需要做的就是提供指向樣式的鏈接作為源（Mapbox為此提供了大量文檔）。