1
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?

More than 3 years have passed since last update.

OpenWeatherMap のCityID検索用サービスを作ってみた

Posted at

無料で多機能な天気系APIの一つOpenWeatherMap

使い方として、以下のjsonから対応した都市の名前を探して、一致した名前をリクエストするもの

例:
http://api.openweathermap.org/data/2.5/forecast?q=Fuchu,jp&APPID=API_KEY

注意:API_KEY取得しなければいけません(無料)

自宅付近の府中見つけた!けど確か広島にも府中ってあったよな…

Image from Gyazo

先程のjsonデータをダウンロードしてきて、府中に住んでいるので「fuchu」と検索したらありました。

ただ、広島にも府中という都市があることを知っていて、「あれ?これはもしかして違うかも?」と思ってしまいました。

他の情報はjpという日本という情報しかなく、ほんのちょっとだけ不安になり、lonとlat(緯度経度)から割り出そうとしました。

でもこの数値でググるってなんかなぁ

じゃぁ勝手にツール作ろうってことで作りました。

使用技術

  • Vue
  • Vuetify
  • Axios
  • GitHub pages

特に難しいことはしてないです

GoogleMap使おうとも考えたけど、まぁいいかなっと

サービスはこちら

Image from Gyazo

緯度経度入力とブラウザで現在地を許可してあげると現在地から近い都市のリストを10件出力します。

これで間違いなく自宅近くの天気情報が取得できるようになりました!

ちなみに緯度経度0,0は

Image from Gyazo

Earth?地球?

1
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
1
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?