基本 |
Web ページの <img> タグの src 属性内の URL として埋め込みます。JavaScriptが使えない携帯電話機などで使います。 以下では、Yahoo サイトの内容を一覧表として紹介しています。 |
|
<img src="https://map.yahooapis.jp/map/V1/static?appid=【APPID】&【パラメータ】"> のように記述します。 具体例 【APPID】と【パラメータ】は、以下に詳説します。 |
||
【APPID】 |
Yahoo!地図Web API を利用するには、「アプリケーションID」を、各リクエストの'appid'パラメータとして記述する必要があります。 「アプリケーションID」は、Yahoo! JAPAN IDでログインした後、こちらから取得(無料)できます。 |
|
パラメータ (詳細下記) |
URLの (?) 以降に、【APPID】と共に各パラメータを (&) で繋いで記述します。
具体例
必須: 中心位置 準必須: 縮尺レベル 画像サイズ その他、省略可能 |
|
<img src="https://map.yahooapis.jp/map/V1/static?appid=【APPID】&lat=35.66&lon=139.73&width=300&height=240&z=15"> | ||
中心位置 | 北緯度(lat)と東経度(lon)で指定します。例: &lat=35.67&lon=139.73 (指定しないと壁紙が表示されます) | |
縮尺レベル | 画像の縮尺は、1~20のzパラメータ(数値)で設定します。(指定が無いと20[最詳細]で表示) 例: &z=15 | |
画像サイズ | 地図の表示寸法(幅pxX高さpx)を定義。(指定しないと幅500px、高さ500px、携帯電話は全画面) 例 &width=300&height=240 | |
地図の種類 | 地図の種類は、mode で定義。(map-地図[default] photo-航空写真 map-b1-地下街 hd-ハイビジョン地図 ) 例 &mode=photo | |
スケールバー | スケールバーの表示/非表示、位置指定。 on[default](右下),off,ur(右上),ul(左上),dr(右下),dl(左下),[x座標,y座標] 例 &scalebar=ul | |
マーカー |
pin*=北緯度,東経度,ラベル(UTF-8でURLエンコード),色(red, blue, green, yellow, 省略可) (*に指定可能文字:0~99, a~z) 例 &pina=35.66,139.73&pin2=35.66,139.74,b&pin3=35.65,139.72,,blue サンプル |
|
ポリライン |
l=色R,色G,色B,透過度(0~127),太さ(px),緯度,経度,緯度,経度 …… 複数ラインは、「:」で区切る。 例 &l=0,0,255,90,4,35.67,139.73,35.66,139.74:255,0,0,1,2,35.66,139.74,35.65,139.72 サンプル |
|
ポリゴン |
p=色R,色G,色B,透過度(0~127),太さ(px),色R,色G,色B,透過度(0~127),緯度,経度,緯度,経度,緯度,経度 …… 複数の場合、「:」で区切る。 例 &p=0,0,255,0,4,255,0,0,90,35.67,139.73,35.66,139.74,35.65,139.72 サンプル |
|
円を描く |
e=色R,色G,色B,透過度(0~127),太さ(px),色R,色G,色B,透過度(0~127),緯度,経度,半径(単位:m) …… 複数の場合、「:」で区切る。 例 &e=0,0,255,0,3,0,255,0,80,35.66,139.74,1000 サンプル |
|
中心点表示 | pointerで地図の中心点表示(on)/非表示(off)の設定。 例 &pointer=on | |
画像形式 | outputで地図の画像形式 [png(デフォルト),png32,gif,jpg,jpeg,xml] を設定。 例 &output=jpg | |
測地系 | datumで地図の測地系を指定。wgs-世界測地系(デフォルト), tky-日本測地系。 例 &datum=tky | |
url | YDFのデータをマーカーやポリライン、ポリゴンで地図上に表示します。URLをUTF-8でURLエンコードして指定します。 | |
YDF | YDF(YOLP [Yahoo! Open Local Platform] Data Format)を読み込んで地図を表示することもできます。 参考 | |
経路地図 | static map と同様な方法で経路地図を表示できます。 例 | |
Map Topへ static sample |