問題タブ [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.
css - カスタム フォントの使用と MapboxGl マーカーの色の変更
Foundation Icon FontsまたはFont AwesomeアイコンをMapboxGLのマップ上のマーカーとして使用して、基本的にHTMLを埋め込むことは可能ですか?
「マーカーシンボル」フィールドに?また、その場合にマーカーの色を変更するための「icon-color」または「marker-color」フィールドはありますか?これにより、マーカーの色を簡単にカスタマイズできます。
mapboxgl 独自のマーカー シンボルについては、カスタムの色を付ける方法が見つかりませんでした。「default_marker」(青) と「secondary_marker」(赤) を見てきましたが、特定の場所を区別するために、より多くの色を使用したいと考えています。
javascript - MapboxGL Javascript API: マップ上のすべてのマーカーのポップアップが複数のレイヤーで機能しない
マップには複数のレイヤーがあり、それぞれが特定のシンボル (Mapbox アイコン) に対応し、そのシンボルのすべてのマーカーを含んでいます。すべてのマーカーを独自のポップアップでクリックできるようにしたい。ただし、追加された最後のレイヤーのみが、ユーザーがそれらのマーカーをクリックしてポップアップを表示できるようにしますが、前のレイヤーはカバーされるため、それらのレイヤーのマーカーはクリックできません。
これがJS Fiddleです(ほとんどのコードはWebサイトの2つの例からのもので、それらを組み合わせようとしています)
https://jsfiddle.net/wy5rdwzz/
リストを切り替えてマーカーをフィルタリングできるようにするには、このコード行が必要であり、すべてのマーカーをクリック可能にする必要があります。
追加される最後のレイヤーのマーカーだけでなく、すべてのマーカーにアクセスできるようにするにはどうすればよいですか (マーカーをクリックしてポップアップを表示できるようにするため)。
また、各マーカーに独自のレイヤーがある場合、対応するマーカーの横に各マーカーの名前を表示するにはどうすればよいでしょうか?
cordova - Ionic および Mapbox API
Ionic フレームワークを使用して、ios と android の両方のアプリケーションを作成しようとしています。map box を併用したいのですが、mapbox 用の cordova プラグインを使おうとすると壊れてしまいます。ビルド ログには、OS の が正しい種類ではない可能性があると書かれていますが、そうです。Galaxy S5 と Ripple でテストしています。アプリはリップルで起動できますが、マップは実行されず、実際のハードウェア上に構築されることさえありません。トラブルシューティングを行ってアプリケーションにマップを表示できるように、誰かが ionic を使用した mapbox のチュートリアルまたはサンプル コードを持っていますか。
mapbox - 不明なベクター タイル サービスを追加するときに、レイヤー ID とレイヤー タイプを知るためにソースのメタ情報を取得できる機能はありますか?
不明なベクター タイル サービスを追加するときに、ソースのメタ情報を取得してレイヤーの ID とレイヤーのタイプを一覧表示できる機能を用意できますか? これらは、ベクター サービスを正しい方法でスタイル設定するのに役立ち、さまざまなレイヤー (点 - 円、多角形 - 塗りつぶし、線 - 線) の既定のスタイルを作成できると思います。
javascript - MapboxGL は、ファイルからロードされたデータのプロパティに基づいて可視性を設定します
https://www.mapbox.com/mapbox-gl-js/example/filter-markers/に投稿された例に従おうとしていますが、私の場合、GeoJSON データは外部ファイルから読み込まれます。
例に従っている場合、「マーカー」変数にアクセスして反復し、各マーカーをレイヤーに追加できないようです。
Mapbox.js の元のバージョンでは、個々の機能を有効/無効にすることができます.. mapboxGL では同じようにできないようです。
ファイルからレイヤーに各マーカーを追加するためにロードされているときに、データを変更するために使用できるイベントまたは何かがありますか?
javascript - マップボックスのマーカーをクリックしてマーカーの色とアイコンを変更するには?
私はMapboxが初めてです。mapbox studio でカスタム スタイル マップを作成し、geoJson を使用してマーカーを追加しました。サンプルコードは次のとおりです。
ここで、マーカーをクリックして選択したマーカーを表示するときにマーカーの色を変更したいと考えています。前もって感謝します。