問題タブ [mapbox-gl-js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
930 参照

css - カスタム フォントの使用と MapboxGl マーカーの色の変更

Foundation Icon FontsまたはFont AwesomeアイコンをMapboxGLのマップ上のマーカーとして使用して、基本的にHTMLを埋め込むことは可能ですか?

「マーカーシンボル」フィールドに?また、その場合にマーカーの色を変更するための「icon-color」または「marker-color」フィールドはありますか?これにより、マーカーの色を簡単にカスタマイズできます。

mapboxgl 独自のマーカー シンボルについては、カスタムの色を付ける方法が見つかりませんでした。「default_marker」(青) と「secondary_marker」(赤) を見てきましたが、特定の場所を区別するために、より多くの色を使用したいと考えています。

0 投票する
1 に答える
1408 参照

javascript - MapboxGL Javascript API: マップ上のすべてのマーカーのポップアップが複数のレイヤーで機能しない

マップには複数のレイヤーがあり、それぞれが特定のシンボル (Mapbox アイコン) に対応し、そのシンボルのすべてのマーカーを含んでいます。すべてのマーカーを独自のポップアップでクリックできるようにしたい。ただし、追加された最後のレイヤーのみが、ユーザーがそれらのマーカーをクリックしてポップアップを表示できるようにしますが、前のレイヤーはカバーされるため、それらのレイヤーのマーカーはクリックできません。

これがJS Fiddleです(ほとんどのコードはWebサイトの2つの例からのもので、それらを組み合わせようとしています)

https://jsfiddle.net/wy5rdwzz/

リストを切り替えてマーカーをフィルタリングできるようにするには、このコード行が必要であり、すべてのマーカーをクリック可能にする必要があります。

追加される最後のレイヤーのマーカーだけでなく、すべてのマーカーにアクセスできるようにするにはどうすればよいですか (マーカーをクリックしてポップアップを表示できるようにするため)。

また、各マーカーに独自のレイヤーがある場合、対応するマーカーの横に各マーカーの名前を表示するにはどうすればよいでしょうか?

0 投票する
0 に答える
712 参照

cordova - Ionic および Mapbox API

Ionic フレームワークを使用して、ios と android の両方のアプリケーションを作成しようとしています。map box を併用したいのですが、mapbox 用の cordova プラグインを使おうとすると壊れてしまいます。ビルド ログには、OS の が正しい種類ではない可能性があると書かれていますが、そうです。Galaxy S5 と Ripple でテストしています。アプリはリップルで起動できますが、マップは実行されず、実際のハードウェア上に構築されることさえありません。トラブルシューティングを行ってアプリケーションにマップを表示できるように、誰かが ionic を使用した mapbox のチュートリアルまたはサンプル コードを持っていますか。

0 投票する
2 に答える
404 参照

mapbox - 不明なベクター タイル サービスを追加するときに、レイヤー ID とレイヤー タイプを知るためにソースのメタ情報を取得できる機能はありますか?

不明なベクター タイル サービスを追加するときに、ソースのメタ情報を取得してレイヤーの ID とレイヤーのタイプを一覧表示できる機能を用意できますか? これらは、ベクター サービスを正しい方法でスタイル設定するのに役立ち、さまざまなレイヤー (点 - 円、多角形 - 塗りつぶし、線 - 線) の既定のスタイルを作成できると思います。

0 投票する
1 に答える
1539 参照

mapbox-gl - ダイアログ ボックス付きのカスタム マーカー

ここに画像の説明を入力ここに画像の説明を入力

上記のようなダイアログを実現するにはどうすればよいですか。今できることはここまで

そのような効果を得るにはスタジオを使用する必要がありますか?

0 投票する
1 に答える
403 参照

javascript - MapboxGL は、ファイルからロードされたデータのプロパティに基づいて可視性を設定します

https://www.mapbox.com/mapbox-gl-js/example/filter-markers/に投稿された例に従おうとしていますが、私の場合、GeoJSON データは外部ファイルから読み込まれます。

例に従っている場合、「マーカー」変数にアクセスして反復し、各マーカーをレイヤーに追加できないようです。

Mapbox.js の元のバージョンでは、個々の機能を有効/無効にすることができます.. mapboxGL では同じようにできないようです。

ファイルからレイヤーに各マーカーを追加するためにロードされているときに、データを変更するために使用できるイベントまたは何かがありますか?

0 投票する
1 に答える
9067 参照

javascript - マップボックスのマーカーをクリックしてマーカーの色とアイコンを変更するには?

私はMapboxが初めてです。mapbox studio でカスタム スタイル マップを作成し、geoJson を使用してマーカーを追加しました。サンプルコードは次のとおりです。

ここで、マーカーをクリックして選択したマーカーを表示するときにマーカーの色を変更したいと考えています。前もって感謝します。