tiffをマップボックスにアップロードするgl jsまたはmapbox.js

Question

地図上にジオティフ画像レイヤーを追加したいのですが、マップボックスのスタジオでこれを簡単に行うことができます。マップボックスgl jsライブラリを使用してこれを行う方法はありますか？私はこのような任意の解決策を見つけることができません

 map.addSource("quakes", { 
     "type": "geojson", 
     "data": "http://localhost:3000/Srikakulam.geojson" 
     }); 

TIFF画像の場合： 私はmapboxのGLのJSライブラリを使用してコードの下に使用してにGeoJSONファイルを追加しました。

私は天気と日付に基づいて動的に読み込むために何百ものtiff画像を持っています。

Answer 1

GeoTIFFのようなジオリファレンス画像をマップに直接追加することは非常に珍しいことです。 GeoTIFFは比較的非効率なフォーマットなので、画像は非常に大きく、ダウンロードに時間がかかり、パフォーマンスが低下します。

GeoTIFFをタイルに処理するのが一般的です：Mapboxにアップロードするか、TileMill、gdal2tiles、MapTilerなどのツールを使用してタイルをローカルに生成し、サーバーにアップロードしてください。タイルを生成したら、Mapbox GL JS、Mapbox.js、またはその他のクライアントをタイルレイヤとして含めることができます。

Answer 2

image source typeを使用して、gif,png、およびjpgイメージをGL JSに追加できます。 Here is an example。

Answer 3

tiffをgif/png/jpgに変換してイメージソースタイプとしてロードしたくない場合（@ lucas-wojciechowskiが示唆するように）、MapBox Studio Classicでベクトルタイルソースを作成できませんでした。あなたのMB-gl-jsマップにvector-sourceとしてロードしてください。

ベクタータイルセットは、ほとんどのベクターデータフォーマットと同様に、ラスタデータを埋め込むことができますが、オーバーズーム、クライアントサイドレンダリング、クライアントサイドデータクエリーなどのベクター機能を失うことに注意してください。