> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/playground/ja/llms.txt)

# Mapbox GL JS Usage Playground

Mapbox GL JS usage is billed by the number of **map loads** that occur per month. A map load is counted when the `Map` instance is initialized, and is not affected by additional tile requests as users interact with the map.

Earlier versions were billed based on **tile requests**, which would increase as the user pans and zooms the map.

Interact with the map below to understand these two different usage units. You can also turn on an additional layer with a separate vector tile source to see how Mapbox GL JS requests tiles for sources added after the map is loaded.

Map loads

Mapbox GL JS v1.0.0+

[Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js/api/) `Map` オブジェクトが初期化されるたびに、マップのロードが発生します。パンやズームなどの追加のユーザー操作によって、追加のマップの読み込みが発生することはありません。つまり、Web マップを使用しているユーザーは、使用状況に影響を与えることなく、追加のソースのオンとオフを切り替えたり、マップを操作したり、スタイルを切り替えたりすることができます。

マップ ロードのセッションの最大長は 12 時間です。つまり、ユーザーはブラウザを開いて継続的にマップ インタラクションを実行できます。これらの操作はすべて、連続した 12 時間のウィンドウ内で同じマップ ロードとしてカウントされます。 12 時間連続してマップを操作すると、新しいマップのロードがトリガーされます。

Vector Tiles API requests

Mapbox GL JS < v1.0.0

ユーザーが地図をパンしたりズームしたりすると、Mapbox GL JS は表示されているエリアに必要なベクター タイルを要求し、レンダリング用のデータを準備します。タイルは、[Mapbox Vector Tiles API](https://docs.mapbox.com/help/glossary/vector-tiles-api/) によって提供されます。各 API リクエストは、ベクター タイルセットから 1 つのタイルを返します。

> **Note: Updating from v1.x.x to v2.x.x**
> 
> マップのロードをトリガーするアクションは、Mapbox GL JS v2.0.0 で変更されました。既存の実装を v1.x.x から v2.x.x に更新する前に、{pricinglink} を参照して予想されるコストを見積もってください。