2
3

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 1 year has passed since last update.

地図上にピカチュウを表示させてみた

Last updated at Posted at 2022-05-31

はじめに

最近会社と家の往復がメインになっていて、ちょっと癒しが欲しくなっています。
癒されたい、でも何か取り組みたい、、、

そうだ、地図上にかわいいポケモンを表示させたら癒されるかもしれない!と思ってやってみました。

内容

 #APIからピカチュウの画像習得
import requests
url = 'https://pokeapi.co/api/v2/pokemon/25/'
r = requests.get(url, timeout=5)
r = r.json()
image = r['sprites']['front_default']
print(image)

こんな感じの画像です。かわいいですよね。
image.png

 #urlから画像を取得して保存する
file_name = 'pikatyu.png'
response = requests.get(image)
img = response.content

with open(file_name,"wb") as f:
    f.write(img)

ここからは画像上にピカチュウを配置していきます。

 #モジュールのインポート
!pip install folium
import folium 
from folium.features import CustomIcon

 #アイコン設定
pika = '/content/pikatyu.png'

icon = CustomIcon(
    icon_image = pika,
    icon_size = (100, 100),
    icon_anchor = (10, 10),
    popup_anchor = (3, 3)
)

 #池袋駅の座標
latlong = [35.728926,139.71038]

 # 地図を描画する
map = folium.Map(location=latlong, zoom_start=15)

 #--- 地図に自作アイコンを載せる---
 # アイコンの座標(サンシャインシティ)
icon_latlng = [35.7288148, 139.7200041]
 # アイコンを追加
folium.Marker(
    location = icon_latlng,
    popup = 'ピカチュウ!',
    tooltip = 'ピカ!',
    icon = icon
).add_to(map)

 # 地図をJupyter上に表示
map

ポケモンセンターがサンシャインシティにあるので、ここに配置されるようにしました。
image.png

クリックすると鳴き声も聞こえます(ピッ、ピッカ!ピカチュウ★)
image.png

まとめ

かわいいピカチュウを表示させることができました。他にもヤドンなど、ゆるっとしたキャラクターを使ったら楽しいかもしれない。

参考

https://taiyosite.com/pokeapi-elementary/
https://chayarokurokuro.hatenablog.com/entry/2021/07/11/175024
https://pokeapi.co/

2
3
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
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?