問題タブ [mapbox-gl-js]

mapbox-gl-js の API に混乱しています。

GEOjsonsourceまたはDataSourceを使用して geojson ファイルを追加できますが、違いは何ですか? スタイルを GeoJsonsource ではなく Datasource にのみ関連付けることができるようですか?

mapbox-gl ..でレイヤーテキストフィールドの背景色を追加する方法、またはテキストフィールドに背景ボックスがあるようにする方法

現在、geojson データからレイヤーを mapbox GL にロードしています。geojson にポイントとポリゴンを含むフィーチャ コレクションがある場合、レイヤーのタイプを設定する必要があるため、mapbox gl に両方を表示する方法はないようです。

レイヤーに複数のタイプを持たせる方法はありますか? 複数には対応していないようです。

Mapbox GL 内で以下のキャプチャを再現しようとしました。読みやすくするために色が追加されていますが、色をカスタマイズできることは必須ではありません。重要な側面は、さまざまな線の太さです。

Mapbox GL でのスタイリングについては、あちこちで読んだことがあります。重みが異なるスタイル レイヤーをいくつでも追加することはできません。2,000 の LineString で試してみましたが、パフォーマンスは受け入れられません。

mapbox GL のデータ駆動型スタイルに関するいくつかの github の問題をクロールしましたが、必要なものがロードマップにあるかどうかわかりません。

上の画像を生成するために使用した GEOJSON の MWE の下。

コードにいくつかの div があり、マップ マーカーに「接続」されています。div には一意の ID があり、マーカーには属性 (タイトルとマーカー ID) と同じ ID が設定されています。divをクリックしたときにマーカーポップアップを開く方法はありますか? これが私のコードです：

編集：問題はMapbox APIにないことが指摘されたため、質問を再フォーマットしました。

数日前の時点で、mapbox マッチング API を leaflet.js と組み合わせて使用​​するアプリケーションが、地球の反対側でポリラインの描画を開始しました。

本来あるべき道のように見えますが、リーフレットはそれを別の大陸に描きました。Mapbox マッチング API は、GEOJson 標準に従って次のような応答を返します。

以下のコードを使用して leaflet.js でレイヤーを描画すると、間違った位置にポリラインが描画されます。

結果は次のとおりです。

ポリライン自体はあるべき姿ですが、位置はそうではありません。問題は、Mapbox マッチング API が GEOJson 形式、つまり [経度、緯度] を返すのに対し、リーフレットは座標が [緯度、経度] の形式であることを期待していることだと推測します。

描画する前に応答の座標を手動で切り替える必要がありますか、それとも間違っていますか?

ありがとう。

編集 2: 問題は実際にはさまざまな形式にあるようです。詳細については、この投稿で見つけることができます 。返されたオブジェクトの座標の順序を変更するのは非常に面倒なので、これに対するエレガントなソリューションが大いに活用されます。

私は PGRestAPI からの独自のベクター タイルを持っています。以下のような URLです。

mapbox-gl.js を使用してマップをレンダリングしようとしましたが、何も表示されません。

私は間違っていますか？どうも

編集1：

mapbox-gl-js コードをデバッグした後、いくつかの円が表示されるようになりました。スタイルを変更します。pbf からのソース レイヤー名は正しい必要があります。

すべてのポイントを表示していませんが、フィルタリングされているようですか？

編集 2: maxzoom を 22 に変更し、すべてのデータを表示します。飲もう！

ArcGIS Map Service を MapBox GL API で使用するためのコード サンプルを誰か提供できますか? ありがとう！