問題タブ [mapbox-gl]
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.
c++ - Mapbox-GL では、マップのレンダリングに AGG を使用しないのはなぜですか?
- AGG (Anti-Grain Geometry)は、C++ 用の高品質レンダリング エンジンです。
- OpenGL ESは、組み込みシステムでフル機能の 2D および 3D グラフィックスを実現する、ロイヤリティ フリーのクロスプラットフォーム API です。
しかし、 Mapnikが AGG を使用しているように、AGG はマップのレンダリングにおいて OpenGL ES よりも効率的であるようです。
Q1: Mapbox-GLは AGG を使用せずに OpenGL を使用するのはなぜですか?
Q2: AGG と OpenGL ES の違いは何ですか?
ありがとう！:)
mapbox-gl - Mapbox GL JS、カスタム マーカーの追加
私は自分のマップに単純なカスタム マーカーを作成できるようにするアプローチを探してMapbox JSいます。
Web を詳しく調べたところ、これを達成するための明白な、または非常に簡単な方法はないようです。これは、見逃されているかなりの機能だと思います。
で作業を数回試みましたがMapbox Studio、カスタム SVG をアップロードする方法とそれらを参照できる方法を理解するのが非常に難しいため、まだ運がありません。
例を挙げると、カスタムマップを作成しましたが、Mapbox Studio見る限り、使用できるアイコンはありません。スプライト シートと呼ばれるものを探してみましたが、そのようなアプローチで作業したことがないため、その方法がわかりません。
私だけでなく、何か新しいことを学び始めたばかりの多くの人にとってMapbox GL JS、素敵なガイドが添付されていることは非常に重要です.
したがって、これはいくつかのカスタムマーカーの作成に関する私のコードの一部です
ご想像のとおり、私のマップにはアイコンが表示されません。
Map ライブラリにとって重要なことを達成するための、適切でわかりやすい方法を誰か提案できますか?
mapbox - マップボックスでズームするためにマウスホイールのスクロールを有効にする方法は?
Web サイトに mapbox マップがあり、マップのデフォルト ボタンでズームしてマップをクリックすることができますが、マウス ホイールでズームを有効にする必要があります。
任意のアイデア、ありがとう。
javascript - MAPBOX - 同じ Web アプリケーションでカスタム マーカーと Fly-to Location 機能を使用できない
次の 3 つの主な機能を備えたカスタマイズされたマップを作成するために MapBox JS を使用しようとしています。
- カスタム マーカー イメージ (アイコン)
- Fly-to Location（ゆっくりまたは一般的なもの）
- マーカーのフィルタリング
機能 1 と 2 は同じ JS ファイルに該当しないようです。彼らは異なるバージョンのJSファイルを使用しているようです。以下のリンクを参照してください。
Mapbox を試して、これら 2 つの異なる機能を 1 つに使用した人はいますか?
noConflict も使用しましたが、そのようには機能しません! バージョン v0.18.0 の JS & CSS ファイルを使用してカスタム マーカーを作成することを見つけようとしましたが、別のバージョン (v2.4.0) ではそのようなアイコンを取得しないようです。
以下は、異なるバージョンのファイルを使用する機能の 2 つの例です。
https://www.mapbox.com/mapbox-gl-js/example/flyto/
https://www.mapbox.com/mapbox.js/example/v1.0.0/custom-marker/
私が見つけたJSとCSSのバージョンファイル：
これは機能 2 と 3 用です
これは機能 1 - カスタム マーカー用です。
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/
リストを切り替えてマーカーをフィルタリングできるようにするには、このコード行が必要であり、すべてのマーカーをクリック可能にする必要があります。
追加される最後のレイヤーのマーカーだけでなく、すべてのマーカーにアクセスできるようにするにはどうすればよいですか (マーカーをクリックしてポップアップを表示できるようにするため)。
また、各マーカーに独自のレイヤーがある場合、対応するマーカーの横に各マーカーの名前を表示するにはどうすればよいでしょうか?