0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

気象庁サイトを利用したビューアの作成 9 地図タイル

0
Posted at

目次・全体的な注意点(第1回の記事)

気象庁ホームページで使用されている地図タイルや、地点情報ファイル、地図の描画に使用可能なフリーの地図タイルについて取り上げます

記事作成時に確認した範囲の情報です。仕様変更などの可能性もありますのでご了承ください

タイル形式の地図画像データについて

地理院タイルについてに説明があります。この説明は国土地理院のタイル形式地図画像データに関する説明ですが、同様の形式をとっている気象庁地図タイルや、OpenStreetMap等を利用する際にも参考になります

ざっくり言うと、地球全体を格子状に分割した正方形の画像を、緯度別・経度別・拡大倍率別にサーバーに格納しておき、利用者は必要なデータを取りに行くような方式で地図画像が作成されています

作成された地図画像は leaflet.js等の地図表示ライブラリを使って、比較的容易に使用できます。以下URL内の{z}、{x}、{y}はそれぞれズームレベル、経度方向の番号、緯度方向の番号を表しますが、地図表示ライブラリが勝手に解釈してくれるのであまり深く考えなくても使うことができます

気象庁地図タイル

URL ズームレベル 主な使用場所 特徴
灰色地図 https://www.jma.go.jp/tile/jma/gray-cities/{z}/{x}/{y}.png 2~11 津波警報
緑色地図 https://www.jma.go.jp/tile/jma/green-cities/{z}/{x}/{y}.png 2~10 アメダス
行政界(レーダー) https://www.jma.go.jp/bosai/jmatile/data/map/none/none/none/surf/mask/{z}/{x}/{y}.png 3~14 今後の雨 透明。国内のみ。政令指定都市は区ごと。地名なし
行政界(気象) https://www.jma.go.jp/tile/jma/base/{z}/{x}/{y}.png 2~11 警報 透明。海外は灰色塗りつぶし
行政界(地震) https://www.jma.go.jp/tile/jma/transparent-cities/{z}/{x}/{y}.png 2~11 地震情報 透明
行政界(衛星) https://www.jma.go.jp/tile/jma/sat/{z}/{x}/{y}.png 2~6 気象衛星ひまわり 透明

そのほかに利用できそうな地図タイル

地理院タイルのうち、淡色地図陰影起伏図色別標高図白地図などは、気象庁ホームページのコンテンツと親和性が高そうです(淡色地図に震度分布を重ねて被害が出ていそうな道路を確認する、陰影起伏図にレーダー画像を重ねて雨雲の位置と地形を比較する等)。ズームレベルやURL、出典表示のルールについては国土地理院のホームページをご覧ください。
OpenStreetMap等も自由度の高いライセンスで使用できるため、利用余地がありそうです

各種地図の表示サンプルページ

以上に列挙した地図を、leaflet.jsを利用して描画するサンプルページです(一部、今後取り上げる予定の内容を含んでいます)

サンプルページ

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?