TPhotoライブラリを使ったイメージオーバーレイのサンプルを作ってみました。 非矩形の画像のオーバーレイ表示とアニメーションが出来ます。 http://hp.vector.co.jp/authors/VA012707/google_maps_image_overlay.htm

Iraq War Casualities Map (http://casualty-maps.com/)イラク戦争での米軍兵士の戦死経過を表示する地図です。(+)をクリックするごとに時系列に沿って30人づつアイコンが増えていきます(合計は1728人)。それぞれの兵士のアメリカでの移住地にアイコンが立ち…

XMaps Library - A Google Maps API Extension (http://xmaps.busmonster.com/) 以下の機能があります。 地図上に複数のオーバーレイをまとめて配置して高速化するメソッド 多色や拡大/縮小アイコンを表示する新しいアイコンクラス 新しいマーカーオーバーレ…

http://www.thrall.net/maps/speedmap.html 標準のGMap.addOverlays()をオーバーライドして、オーバーレイを配置する速度を最適化するハックです。 100個のマーカーを配置する時間の計測では、 Default API: 100 points in 4426ms addOverlays optimization:…

Google Maps上に画像を重ねて表示できるTPhotoというライブラリが公開されています。 http://gmaps.tommangan.us/tphoto.html 画像の透明度の指定が出来ます。

JavaScriptを書かずにGoogle Mapsを使うためのGoogle Maps EZというライブラリが公開されています。 http://bluweb.com/us/chouser/gmapez/ このライブラリを使うと、 <script src="http://maps.google.com/maps?file=api&v=1&key=abcdefg" type="text/javascript"></script> <script src="http://bluweb.com/chouser/gmapez/gmapez.js" type="text/javascript">

Google Maps上に自前で情報バルーンを表示するTLabelというライブラリがあります。 http://gmaps.tommangan.us/tlabel.html 特徴はこんな感じです。 任意の大きさの情報バルーンを表示できる。 情報バルーン上でmouseoverイベントを取れる。 透明な情報バル…

Gmaps PedometerでGoogle Maps上に道順に描けます。 http://www.sueandpaul.com/gmapPedometer/ 始点と終点の間の距離も出ます。Permalinkが使えるのでメールなどで道順を伝えるのに使えそうです。 ちょっと歩いてみる

GPolylineで直線を描くサンプルも作ってみました。上のサンプルでは画面上に線を描いていますが、こちらはGoogle Maps上に描いているので、拡大や縮小も出来ます。 GMapはクリックイベントは取れてもドラッグイベントは取れないようです。このサンプルでは、…

Google Mapsと最速インターフェース研究会のお絵かきツールをremixしてみました。 地図上に任意の線を描けます。あまり描きまくると、ブラウザがどんどん重くなるので気をつけてください。 http://hp.vector.co.jp/authors/VA012707/gmp.htm お絵かき部分はh…