Mapbox GL JS プラグインには、コアの Mapbox GL JS ライブラリを拡張する機能や機能が含まれています。
多くのプラグインは Mapbox 開発者コミュニティによってメンテナンスされており、GitHub 上での質問や貢献を歓迎しています。
追加、削除、または更新すべきMapbox GL JSプラグインを知っている場合は、このページのフィードバックを共有ウィジェットを使用してお知らせください。
ユーザーインターフェースプラグイン
UI プラグインは、マップ コントロールや、描画ツール、マップ エクスポート ツール、ルート案内やジオコーディング コントロールなど、ユーザーがタッチまたは操作できるその他のものに関連する機能を提供します。
mapbox-gl-compare
ユーザーは左右にスワイプして 2 つのマップを比較できます。
mapbox-gl-controls
ルーラー、スタイルインスペクター、ローカリゼーション、スタイルスイッチャーのコントロールを追加します。
mapbox-gl-directions
ユーザーが地図上に車、徒歩、自転車のルートをプロットできるようにするコントロールを追加します。 Directions API 呼び出しはリクエストに応じて請求可能です。
mapbox-gl-draw
Mapbox GL JS マップでの描画および編集機能のサポートを追加します。
mapbox-gl-elevation
地形 RGB タイルセットから高度を照会するコントロールを追加します。
mapbox-gl-infobox
インフォボックスまたはグラデーションを表示するコントロールを追加します。
mapbox-gl-legend
マップ スタイルから生成された凡例を表示するコントロールを追加します。
mapboxgl-minimap
現在のマップのミニチュア概要を表示するコントロールを追加します。
mapbox-gl-globe-minimap
現在のマップの中心点を示すミニチュアの地球儀を表示するコントロールを追加します。
マップレンダリングプラグイン
マップ レンダリング プラグインは、高度なカスタム レイヤー、マップ ラベル、データ ビジュアライゼーションなど、マップ上に表示されるものに関連する機能を提供します。
mapbox-gl-language
地図をユーザーの言語に自動的にローカライズします。
mapbox-gl-rtl-text
Mapbox GL JS に右から左へのテキストのサポートを追加します。
mapbox-gl-traffic
オプションの切り替えボタンを使用して、マップ上の交通レイヤーを表示または非表示にします。
mapbox-gl-animated-popup
Mapbox GL JS のアニメーション ポップアップ コンポーネント。
mapbox-gl-rain-layer
Mapbox GL JS のアニメーション雨レイヤー。
deck.gl
高度な WebGL 視覚化レイヤーを Mapbox GL JS に追加します。
L7
WebGL を利用した大規模な地理空間データ視覚化フレームワークを Mapbox GL JS に追加します。
flowmap.blue
Google スプレッドシートで公開されたスプレッドシートから地理的フロー マップの視覚化をレンダリングします。
TextureMap
色覚異常のある人でも Web マップを機能させるためのテクスチャ、パターン、形状。色盲に優しい Mapbox GL マップをデザインします。
mapbox-gl-fontawesome-markers
Fontwesome アイコンを Mapbox GL JS のデフォルトのマップ マーカーに追加します。
フレームワーク連携
フレームワーク統合プラグインは、外部フレームワークで Mapbox GL JS を使用するのに役立ちます。
react-mapbox-gl
Mapbox GL JS の React 統合を提供します。
angular-mapboxgl-directive
elm-mapbox
Mapbox GL JS の Elm 統合を提供します。
ember-mapbox-gl
Mapbox GL JS の Ember 統合を提供します。
vue-mapbox
Mapbox GL JS の Vue.js 統合を提供します。
ユーティリティライブラリ
ユーティリティ ライブラリ プラグインは、データ処理や形式変換、オブジェクトの同期、または便利なメソッドを使用した構築などのタスクに機能を提供します。
mapbox-gl-layer-groups
Mapbox GL JS でレイヤー グループを管理します。
mapbox-gl-supported
現在のブラウザが Mapbox GL JS をサポートしているかどうかを判断します。
mapbox-gl-sync-move
2 つの Mapbox GL JS マップ間の動きを同期します
mapbox-choropleth
CSV ソースとジオメトリ ソースからコロプレス レイヤーを作成します。
mapbox-gl-utils
シュガー構文と便利な関数を使用して、レイヤー、ソース、プロパティを管理します。
開発ツール プラグインは、マップのパフォーマンスやデータ ソースに関する洞察を提供する検査ツールなど、開発プロセスに関連する機能を提供します。
mapbox-gl-inspect
ベクトル ソースのフィーチャとプロパティを表示するための検査コントロールを追加します。
mapbox-gl-fps
統計レポート出力を備えたフレーム/秒 GUI コントロールおよび測定器。
mapbox-gl-framerate
マップのレンダリング パフォーマンスを評価するためのフレーム レート コントロール。
準備はできましたか？
無料アカウントを作成して、Mapboxでの構築を始めましょう。