Google Mapに画像を貼り付ける

Google Mapにローカルの画像ファイルを貼り付けるやつ。

もしくは、Google MapのGroundOverlayを楽して作るためのツール。

Chromeでのみ動作確認しました。File APIを使っているので、いまのところIEでは動かない。FilreFoxは知らない。

灰色のところにPC内の画像ファイルをドロップする。

ドロップしたらこんな感じに表示される。マウスで画像のリサイズ、移動が可能。

地図上の位置や、地図の縮尺を変えたい場合は「Map表示モードに切り替える」ボタンを押して、Mapの方の操作で変更する。

「画像をMapに貼り付ける。」ボタンを押したら、地図上にGroundOverlayとして画像が表示される。

下の方にスクロールすると、GroundOverlayを表示するためのjavascriptコードが出てる。DataURL形式でコード内に画像データを含めているので、どっかに画像ファイルをアップロードしなくてもよい。