Forked from: gryng02's SAKURA View Diff (455)

桜前線 on Google Map

u8_fukuda

License: MIT License

Fork
9
Fav
20
View
16905
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 455 lines
  • HTML 2 lines
  • CSS 3 lines
Google Maps APIを使った桜前線MAP。

Google Map(ルートDiv)とCanvas(花びらエフェクト)を兄弟関係で重ねるとMapが操作不能に陥ってしまうため、MapへオーバーレイヤーでCanvasを重ねています。

◆特長
・Mapをスクロールorズームイン・アウトするとビューポートにCanvasが追従します。
・PanoramioAPIを使って各地に桜写真を埋め込んでいます。
・アクセス日で開花状況(桜の木アイコン)変化します。

◆開花状況(桜の木アイコン)の表示仕様
予め設定した満開日とアクセス日を比較してアイコンを切り替えています。
開花状況は厳密なものではなく参考情報となりますので、これから花見に出掛けられる方は鵜呑みにされないよう十分にご注意ください。

満開日±4日以内:満開
±7日以内:7分咲き
±10日以内:4分咲き
-11日以上:つぼみ
それ以外:枝
  • 桜前線 on Google Map
  • 桜前線 on Google Map

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

u8_fukuda

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

gryng02gryng02:

これはすごい

Forked

sort by