3Dレンダリングのリーダー
都市の建物、ランドマーク、地形が3Dとダイナミックなライティングで生き生きと浮かび上がります。
プレミア・パフォーマンス
GL JSは、マップのロード速度を平均50%向上させます。
開発者にとって喜ばしいこと
すぐに使えるベースマップ、充実したドキュメント、100以上のコード例。
すぐに始める
クイック・スタート・サンプルを使って、数分でウェブマップを作り始めましょう。
let map = new mapboxgl.Map({
container: 'map',
center: [-122.432, 37.791],
zoom: 13.5,
style: 'mapbox://styles/mapbox/streets-v11',
accessToken: '<your_access_token>'
});
map.addControl(new mapboxgl.NavigationControl());
map.flyTo({
center: [-77.036, 38.895],
speed: 0.1
});
container: 'map',
center: [2.2940, 48.8598],
zoom: 15,
pitch:60,
accessToken:
'<your_access_token>'
});
container: 'map',
center: [2.2940, 48.8598],
zoom: 15,
pitch: 60,
accessToken: '<your_access_token>'
});
リアルタイムレンダリングと最適なパフォーマンス
Mapbox Web レンダラーの強力なパフォーマンスで、実行時にマップをスタイル設定できます。
ダイナミックでインタラクティブなマップの構築
ライブデータによってダイナミックに変化する、リッチでパワフルなマッピング体験を作成します。ユーザーが相互作用できるマップ機能を構築し、データ分析とより良い意思決定を促進します。
ウェブサイト訪問者を即座に惹きつける
GL JSは、デスクトップとモバイルデバイスの両方で、最も詳細で機能が密集したマップを60 FPSでレンダリングするように設計されています。リソースのロードとタスクの分散を優先させることで、マップのロードを高速化し、スムーズな遷移を実現し、CPUリソースをより多く利用できるようにします。
ウェブマップ体験の向上
GL JSは、革新的なデザイン、柔軟なコントロール、カスタムデータの優れたレンダリングを提供します。
3Dで空間コンテクストを強化
Mapbox は、デジタル地図に3Dを自然に織り込みます。Mapbox 標準スタイルを使用したり、3D地形を有効にしたり、グローブビューを活用して、没入感のある正確な地図体験を提供します。
.png)
より多くのマップをコントロールする
星や霧などの大気プロパティがリアリズムを向上。カメラとアニメーション機能で、あらゆる角度から場所をハイライト。ズームレベルに合わせて複数の地図投影から選択でき、どの縮尺でも最高の精度を実現。
大規模データの可視化
ヒートマップ、クラスタリング、データドリブン式、その他の機能を使用して、インタラクティブな地図でこれまでにない方法でデータを表示します。GL JSは数百万のフィーチャーをレンダリングするために高性能なアルゴリズムを使用しています。
開発時間とリソースの節約
Mapbox GL JSは、効率的で最新の開発ツールと拡張性の高いアーキテクチャにより、ウェブ開発者が地図を構築し、視覚化する方法をサポートします。
開発の簡素化、機能の強化
地図機能はウェブとモバイルでシームレスに動作します。さらに、地図デザインツールや、道順や検索用のクロスプラットフォームプラグインもご利用ください。
カスタムデータワークフローの合理化
カスタムマップデータの処理とホスティングにかかる時間とリソースを節約します。あらゆる規模のカスタムデータセットを、迅速かつ低コストで柔軟にマップに統合できます。
データのアップロード