メインコンテンツまでスキップ

プラグインとフレームワーク

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-context-menu

Mapbox GL JS にカスタマイズ可能なコンテキスト メニューを追加します。

mapbox-gl-elevation

地形 RGB タイルセットから高度を照会するコントロールを追加します。

mapbox-gl-geocoder

ジオコーダ コントロールを Mapbox GL JS に追加します。ジオコーディング API 呼び出しはリクエストに応じて課金されます

mapbox-gl-infobox

インフォボックスまたはグラデーションを表示するコントロールを追加します。

mapbox-gl-legend

マップ スタイルから生成された凡例を表示するコントロールを追加します。

mapbox-gl-opacity

複数のタイルレイヤーを透明にします。

mapbox-gl-style-switcher

スタイルを切り替えるコントロールを追加します。

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 を使用するのに役立ちます。
create-mapbox-web-app

Mapbox GL JS を人気のあるフロントエンド フレームワークに素早く組み込むための CLI ツール。Vanilla JS、React、Angular、Vue、Svelte をサポートしています。npm create @mapbox/web-app を実行してビルドを開始します。

react-native

Mapbox GL JS の React Native ラッパーを提供します。

ngx-mapbox-gl

Mapbox GL JS の Angular 統合を提供します。

ember-mapbox-gl

Mapbox GL JS の Ember 統合を提供します。

ユーティリティライブラリ

ユーティリティ ライブラリ プラグインは、データ処理や形式変換、オブジェクトの同期、または便利なメソッドを使用した構築などのタスクに機能を提供します。
turf

高度な地理空間分析ツールを提供します。

expression-jamsession

Mapbox Studio の数式 に変換します。 /参照/式)。

simplespec-to-gl-style

"simplestyle-spec" を使用して GeoJSON スタイルを Mapbox GL スタイルに変換します。

mapbox-gl-supported

現在のブラウザが Mapbox GL JS をサポートしているかどうかを判断します。

mapbox-gl-sync-move

2 つの Mapbox GL JS マップ間の動きを同期します

mapbox-choropleth

CSV ソースとジオメトリ ソースからコロプレス レイヤーを作成します。

mapbox-gl-utils

シュガー構文と便利な関数を使用して、レイヤー、ソース、プロパティを管理します。

開発ツール

開発ツール プラグインは、マップのパフォーマンスやデータ ソースに関する洞察を提供する検査ツールなど、開発プロセスに関連する機能を提供します。
create-mapbox-web-app

Mapbox GL JS を人気のあるフロントエンド フレームワークに素早く組み込むための CLI ツール。Vanilla JS、React、Angular、Vue、Svelte をサポートしています。npm create @mapbox/web-app を実行してビルドを開始します。

mapbox-gl-framerate

マップのレンダリング パフォーマンスを評価するためのフレーム レート コントロール。

このpageは役に立ちましたか?