スタティック画像 API
Mapbox スタティック画像 API は、Mapbox Studio スタイルから生成されたスタティックな地図画像を提供します。これらの画像は、マッピングライブラリや API の助けを借りずに web やモバイルデバイスで表示できます。埋め込み地図のように見えますが、インタラクティブな機能やコントロールはありません。
PLAYGROUND
スタティック画像 API プレイグラウンド
インタラクティブな地図をズームイン・ズームアウトすることで、スタティック画像 API リクエストを作成します。
スタティック画像 API におけるメルカトル以外の投影
スタティック画像 API から返されるすべての地図画像は Web メルカトル に投影されます。 他の投影はサポートされていません。
スタイルからスタティック地図を取得する
get
https://api.mapbox.com/styles/v1/{username}/{style_id}/static/{overlay}/{lon},{lat},{zoom},{bearing},{pitch}|{bbox}|{auto}/{width}x{height}{@2x}
styles:tiles
地図の位置は auto
という単語、バウンディングボックス、または経度、緯度、ズーム、方位角、ピッチの 5 つの数字によって表されます。最後の 2 つの数字、方位角とピッチは任意です。方位角のみを指定した場合、ピッチはデフォルトで 0
になります。どちらも指定しない場合、デフォルトで両方とも 0
になります。auto
や bbox
を指定する場合、これらの数字を提供しないでください。
- ベクター層を含むスタイルでは、返されるスタティック地図は PNG になります。
- ラスター層のみを含むスタイルでは、返されるスタティック地図は JPEG になります。
必須のパラメータ | タイプ | 説明 |
---|---|---|
username | string | スタイルが所属するアカウントの ユーザー名。 |
style_id | string | スタティック地図を作成するスタイルの ID。 |
overlay | string | リクエスト時に地図上に適用できる 1 つ以上のコンマ区切りのフィーチャ。オーバーレイのフィーチャの順序がページ上の Z オーダーを決定します。リストの最後の項目が最も高い Z オーダー(リスト内の他のフィーチャを上に重ねたもの)を持ち、リストの最初の項目が最も低い Z オーダー(他のフィーチャの下に位置)を持ちます。形式は geojson 、marker 、または path の混合です。各オプションの詳細は オーバーレイオプションセクション を参照してください。 |
lon | number | スタティック地図の中心点の経度。-180 から 180 の範囲の数値。 |
lat | number | スタティック地図の中心点の緯度。-85.0511 から 85.0511 の範囲の数値。 |
zoom | number | ズームレベル。0 から 22 の範囲の数値。端数のズームレベルは小数点以下 2 桁に丸められます。 |
bbox | array | 上の経度、上の緯度、下の経度、下の緯度を四角括弧で囲んだ 4 つの座標 [lon(min),lat(min),lon(max),lat(max)] 。bbox は lon,lat,zoom または auto と交換されます。ズームレベルは、指定された幅と高さ内にバウンディングボックスを収める最も詳細なズームレベルに基づいて計算されます。リクエストの幅と高さを増やすと、高いズームレベルの地図が返されます。バウンディングボックスを使用してスタティック地図を取得する方法については、bbox の例リクエスト を参照してください。 |
auto | string | auto が使用される場合、ビューポートはオーバーレイの境界にフィットします。使用する場合、auto は lon 、lat 、zoom 、bearing 、pitch 、および bbox を置き換えます。指定された padding 値がない場合、auto を使用すると、自動的に適用されるパディングが画像の最小側の 5% の値(次の整数値に切り上げ)になり、1 側あたり最大 12 ピクセルのパディングが適用されます。 |
width | number | 画像の幅。1 から 1280 ピクセルの範囲の数値。 |
height | number | 画像の高さ。1 から 1280 ピクセルの範囲の数値。 |
このエンドポイントの結果をさらに絞り込むために、次のオプションパラメータを使用できます:
オプションパラメータ | タイプ | 説明 |
---|---|---|
bearing | number | 方位角は地図の中心から地図を回転させます。0 から 360 の範囲の数値で、10進度として解釈されます。90 は地図を時計回りに 90° 回転させ、180 は地図を上下逆さまにします。デフォルトは 0 。 |
pitch | number | ピッチは地図を傾け、遠近感を出します。0 から 60 の範囲の数値で、度で測定されます。デフォルトは 0 (地図を真上から見る)。 |
@2x | string | 高密度ディスプレイのためにスタティック地図を @2x スケールファクターでレンダリングします。 |
attribution | boolean | 画像に帰属があるかどうかを制御します。デフォルトは true 。注意: attribution=false と指定すると、ウォーターマーク付きの帰属が画像から削除されます。ただし、OpenStreetMap データを使用する地図に関しては法的責任があり、これはほとんどの Mapbox の地図に含まれます。attribution=false と指定した場合、ウェブページや文書の他の場所に適切な帰属を含める必要 があります。 |
logo | boolean | 图片に Mapbox ロゴがあるかどうかを制御します。デフォルトは true 。 |
before_layer | string | overlay がスタイルに挿入される場所を制御します。すべてのオーバーレイは指定されたレイヤーの前に挿入されます。 |
addlayer | object | Mapbox スタイルレイヤーを地図のスタイルにレンダリング時に追加します。before_layer と組み合わせて使用できます。詳細は スタイルパラメータ を参照してください。 |
setfilter | array | Mapbox の表現構文を使用してスタイル内の既存のレイヤーにフィルタを適用します。layer_id と併用する必要があります。詳細は スタイルパラメータ を参照してください。 |
layer_id | string | setfilter で指定されたフィルタを適用するスタイル内のレイヤーを指定します。 |
padding | string | 画像の最小パディングを示します。これは auto または bbox でのみ使用できます。この値は CSS 仕様 に似ており、単位のない 1-4 つの整数を受け入れます。例えば、padding=5 はすべての側に 5 ピクセルの最小パディングを宣言し、padding=5,8,10,7 は上側に 5 ピクセル、右側に 8 ピクセル、下側に 10 ピクセル、左側に 7 ピクセルの最小パディングを宣言します。auto が使用され、padding に値が指定されていない場合、デフォルトのパディングが使用されます(画像の最小側の 5% の値(最も近い整数値に切り上げ)、側あたり最大 12 ピクセルのパディング)。 |
例リクエスト
例リクエスト: スタイルからスタティック地図を取得する
# 経度 -122.4241、緯度 37.78、ズーム 15.25、方位角 0、ピッチ 60 の地図を取得し、地図
# は 400 ピクセルの幅・高さを持ち、出力を PNG 画像として保存します。
$ curl -g "https://api.mapbox.com/styles/v1/mapbox/streets-v12/static/-122.4241,37.78,15.25,0,60/400x400?access_token=YOUR_MAPBOX_ACCESS_TOKEN" --output example-mapbox-static-1.png
# 経度 0、緯度 10、ズーム 3、方位角 20 の地図を取得し、
# ピッチはデフォルトの 0 となります。出力を PNG 画像として保存します。
$ curl -g "https://api.mapbox.com/styles/v1/mapbox/streets-v12/static/0,10,3,20/600x600?access_token=YOUR_MAPBOX_ACCESS_TOKEN" --output example-mapbox-static-2.png
# 経度 0、緯度 0、ズーム 2 の地図を取得します。
# 方向角とピッチはデフォルトで 0 になります。出力は PNG 画像として保存されます。
$ curl -g "https://api.mapbox.com/styles/v1/mapbox/streets-v12/static/0,0,2/600x600?access_token=YOUR_MAPBOX_ACCESS_TOKEN" --output example-mapbox-static-3.png
# ラスターレイヤーのみを含むスタイルのクエリを行い、JPEG 画像として出力を保存します。
$ curl -g "https://api.mapbox.com/styles/v1/mapbox/satellite-v9/static/0,0,2/600x600?access_token=YOUR_MAPBOX_ACCESS_TOKEN" --output example-mapbox-static-4.jpg
例リクエスト: バウンディングボックスを使用してスタティック地図を取得する
バウンディングボックス [-77.043686,38.892035,-77.028923,38.904192]
にフィットする地図を取得し、幅 400 ピクセル、高さ 400 ピクセルの PNG 画像として出力を保存します。
$ curl -g "https://api.mapbox.com/styles/v1/mapbox/streets-v12/static/[-77.043686,38.892035,-77.028923,38.904192]/400x400?access_token=YOUR_MAPBOX_ACCESS_TOKEN" --output example-mapbox-static-bbox-1.png