YOLP Web API は 2020年10月31日提供終了です
- Yahoo! 地図 Static スタイル/白地図 例
- 基本事項は、Yahoo! の static maps をご参考に。
- Yahoo! 地図 Static を使って、色々とスタイルを変えたり、白地図や、鉄道線路図も作成したり出来ます。
- 地図のスタイル指定や白地図の書き方
参考
- 基本的形･･･次のようなタグを貼ります
<img src="【URL】?【地図パラメータ】">
- 【URL】は、
https://map.yahooapis.jp/map/V1/static
- 【地図パラメータ】の記述。 (各パラメータは「&」で繋いで記述します)
|
パラメータ
|
記 述 法 等
|
|
API ID
|
Yahoo! Maps を使うためには、アプリケーションIDを取得し、それを記述します。
|
|
lat
|
中心の緯度（十進度形式） (南は-)
|
|
lon
|
中心の経度（十進度形式） (西は-)
|
|
z
|
縮尺レベル。大きいほど詳細。値は地図の種類（mode）により異なる。blankmap: z=20～11 など
|
|
mode
|
地図の種類。map（default）,photo,map-b1(地下街),hd,hybrid,blankmap(白地図)
|
|
width
|
地図の幅（単位：px）を指定します。500 (default値)、2000 (最大値)
|
|
height
|
地図の高さ（単位：px）を指定します。500 (default値)、2000 (最大値)
|
|
scalebar
|
スケールバーの表示切替、位置指定。on（default:右下）,off,ur, ul,dr, dl,N,N[x座標,y座標]
|
|
pin*
|
マーカーを指定。pin*=(1),(2),(3),(4) [ *は文字：0～99,a～z,★default,指定無し]
(1):緯度 (2):経度 (3):(UTF-8でエンコードされた)ラベル(省略可) (4):(red,blue,green,yellow,省略可）
|
|
l
|
ポリラインを指定。l=(R),(G),(B),(A),(太さpx),(緯度),(経度),(緯度),(経度)……
緯度･経度を2対以上指定。複数ラインは「:(コロン)」で区切る。RGBは0～255、透過度Aは0～127
|
|
p
|
ポリゴンを指定。p=(R),(G),(B),(A),(太さpx),(R),(G),(B),(A),(緯度),(経度),(緯度),(経度),(緯度),(経度)…
緯度･経度は3対以上。複数ポリゴンは「:(コロン)」で区切る。RGBは0～255,枠･塗りの順、Aは0～127
|
|
e
|
円を指定。p=(R),(G),(B),(A),(太さpx),(R),(G),(B),(A),(中心緯度),(中心経度),(半径m)……
複数の円は「:(コロン)」で区切る。RGBは0～255,枠線･塗りつぶしの順
|
|
pointer
|
中心点の表示切替。on(表示),off(非表示:default)
|
|
output
|
地図の出力形式を指定 png (default値),png32,gif,jpg,jpeg,xml
|
|
dx
|
地図表示の中心からx軸方向移動値 (単位px)、default値 0
|
|
dy
|
地図表示の中心からy軸方向移動値 (単位py)、default値 0
|
|
quality
|
JPEG品質値。90(default), 0(最小),100(最大)、出力形式（output）がJPEGの場合に有効。
|
|
datum
|
緯度経度の測地系。wgs(default),tky
|
|
autoscale
|
自動縮尺切り替え。on(default),off。指定縮尺の地図がない場合、on-上位縮尺で表示、off-nomap
|
|
icon_label
|
マーカーラベルの表示切替。on(default),off。on-表示、off-非表示
|
|
icon_label_size
|
マーカーラベルのフォントサイズ。12(default)
|
|
icon_label_len
|
マーカーラベルの改行文字数。0(default)
|
|
url
|
表示YDFデータのURLを指定。URLをUTF-8でエンコードして指定。表示形式はviewパラメータで指定
|
|
view
|
YDFの表示形式指定。normal(default):YDFデータをマーカー等で表示、heatmap:ヒートマップで表示
|
|
icon_num
|
マーカーを番号で表示。on:YDF指定マーカーを番号で表示、off(default):通常表示
|
|
style
|
スタイル地図と白地図のスタイル変更。オブジェクトの表示・非表示を設定、色分け白地図を表示等
|
スタイル地図 (mode=map&style=off:bistro,store|on:store01 のように記述)
具体例
|
base
standard(default),
vivid,bold,simple,monotone,red,orange,yellow,yellowishgreen,green,
aquamarine,lightblue,blue,bluepurple,purple,pink,peach,brown,gray,
midnight-ミッドナイト,railway-鉄道路線,district行政色分け図
off
非表示にするオブジェクトの指定。複数指定は「,」で繋ぎます。
on
表示するオブジェクトの指定。複数指定は「,」で繋ぎます。
|
白地図 (mode=blankmap&style=district|bm.p.13:fdd|bm.p.13103:dfd のように記述)
具体例
|
|
bm.p.{code}
|
ポリゴンの色を指定。{code}:default,行政コード
(2又は5桁) 例）bm.p.13103:0000ff
|
|
bm.c.{code}
|
注記の色を指定。{code}:default,state,city,street 例）bm.p.state:00ff00
|
|
bm.b.{code}
|
境界線の色を指定。{code}:default,state,city,street 例）bm.b.city:f00
|
|
bm.bg
|
背景（海）の色を指定。 例）bm.bg:ccc
|
|
[default-すべて,state-都道府県界,city-市区町村界,street-町丁目界 色:ffffff,fff,off-透明色]
|
|
- 具体的記述例
スタイルの例:
<img src="https://map.yahooapis.jp/map/V1/static
?appid=【APPID】&lat=35.6457 &lon=139.7435&z=15&width=360&height=420&pointer=off &style=off:building,address,landmark">
白地図の例:
<img src="https://map.yahooapis.jp/map/V1/static
?appid=【APPID】&lat=35.645713&lon=139.747536&z=15&width=800&height=460&pointer=off&mode=blankmap
&style=district|bm.p.13:fdd|bm.p.13103:dfd|bm.bg:acd|bm.c.city:00d|bm.b.street:f88">
鉄道線路図の例:
<img src="https://map.yahooapis.jp/map/V1/static
?appid=【APPID】&lat=35.337&lon=139.553&z=13&width=640 &height=380&style=base:railway">
- 関連サイト
- Yahoo! 地図 Static APIを使う。
- Google Map Static APIを使う。
ページのTopへ戻る
|