パワフルな 3Dレンダリング
3Dと動的な照明により都市の建物、ランドマーク、地形が生き生きと浮かび上がります。
最高の パフォーマンス
GL JSはマップの読み込み速度を平均50%向上させます。
開発者 フレンドリー
ベースマップをすぐに使い始められて、充実したドキュメントや100以上のサンプルコードを活用できます。
素早く構築
クイックスタートの例を使って、数分でWebマップを作り始めましょう。
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レンダラーの強力なパフォーマンスで、実行時にマップをスタイリングします。
ダイナミックで インタラクティブなマップを 構築
ライブデータによって動的に変化する、リッチなマップを作成できます。ユーザーがインタラクティブに操作できるマップ機能を構築し、データ分析やより良い意思決定を促進します。
Webサイトへの訪問者を 即座に引き込む
GL JSは、デスクトップとモバイルデバイスの両方で、最も詳細で密集したマップを60FPSでレンダリングするように設計されています。リソースの読み込みとタスクの分散を優先させることで、マップの読み込みを高速化し、スムーズな遷移を実現し、CPUリソースをより多く利用できるようにします。
Webマップ体験の 向上
GL JSは、革新的なデザイン、柔軟なコントロール、カスタムデータの優れたレンダリングを提供します。
3Dによる 空間コンテキストの強化
Mapboxはデジタルマップに3Dを自然に織り込みます。Mapbox Standardスタイル、3D地形、Globe Viewを使用することで、没入感のある正確な地図体験を提供します。
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2ae0375f70f5/66a3518673c7669ca6ef81ab_img-3%20(1).png)
より多くのマップを コントロール
星や霧、霞などの大気プロパティがリアルさを向上させます。カメラとアニメーション機能により、あらゆる角度から場所をハイライトできます。ズームレベルに合わせて変化する複数の地図投影法から選択し、あらゆるスケールで最高の精度を実現します。
大規模データの 可視化
ヒートマップ、クラスタリング、データドリブン形式、その他の機能を使用して、インタラクティブな地図でこれまでにないようにデータを可視化できます。GL JSは、何百万ものフィーチャーをレンダリングするために高性能なアルゴリズムを使用しています。
開発時間と リソースを節約
Mapbox GL JS は、効率的で最新の開発ツールと拡張性の高いアーキテクチャにより、Web開発者によるマップの構築と視覚化の方法をサポートします。
開発を簡素化し、 機能を強化
マップ機能はWebとモバイルでシームレスに動作します。さらに、マップデザインツールや、ナビゲーションや検索用のクロスプラットフォームプラグインも利用できます。
カスタム データワークフローの 合理化
カスタムマップデータの処理やホスティングにかかる時間とリソースを節約します。あらゆる規模のカスタムデータセットを、迅速かつ低コストで柔軟にマップに統合できます。
データをアップロードする →導入企業
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2ae0375f70f5/66a3518873c7669ca6ef827e_img-2.png)
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2ae0375f70f5/66a3518873c7669ca6ef826e_img-4.png)
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2ae0375f70f5/66a3518973c7669ca6ef8294_img-3.png)
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2ae0375f70f5/66a3518973c7669ca6ef82aa_img-1.png)