CanvasとGoogle Maps APIを組み合わせ、桜前線を構築しました。 Google Map単体で豊富な機能を備えていますが、そこにCanvasの表現力を加えることで実現の幅がさらに広まったのではないでしょうか? アジェンダ この作品の特長 桜前線 on Google Mapデモ 開花状況(桜の木アイコン)の表示仕様 制作のポイント この作品の特長 Mapをスクロールorズームイン・アウトするとビューポートにCanvas(花びらのエフェクト)が追従します。 PanoramioAPIを使って各地に桜写真を埋め込んでいます。 アクセス日で開花状況(桜の木アイコン)変化します。 桜前線 on Google Mapデモ 桜前線 on Google Map - jsdo.it - share JavaScript, HTML5 and CSS 開花状況(桜の木アイコン)の表示仕様 予め設定
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く