Home > millon

millon Archive

GoogleMaps にカスタムウィンドウを表示する。

ここで書いた記事の転載と、補足

Google Maps API には、InfoWindowという、
地図上にウィンドウを表示するための機能が備わっています。

このウィンドウは地図上に情報を表示する分には、
十分な機能を持っています。

しかしmillon.jpで使用するにあたって、サイトのイメージと
表示されるウィンドウのイメージが若干合わなかったため、
自分でデザインしたウィンドウを表示しました。

google maps のinfowindow
自分でつくったウィンドウ
自分で作ったウィンドウを表示

GoogleMaps は画像やHTML要素を、オーバーレイ要素として
地図上に貼り付けることができます。

その機能を用いて、DIV要素を独自のウィンドウとしてGoogleMaps上に貼り付けます。

このライブラリ、millon.jpで随所に利用しています。
アップデートも頻繁で、今も進化を続けているようです。

サイトで利用する際、新しいリクエストをダイアログに表示する場合、
データの取得をタイムアウトする処理がなかったので、どうにか追加してみた。
（進化してるからそのうち追加されそうだけど）

ModalBoxには↓のようなCallBackが用意されています。(ver.1.6.0)

これにタイムアウトなどの処理を加えたいと思います。

millon
オープンソース・ジャパン株式会社（以下、OSJ）は、音楽制作やライブ活動などを趣味とするユーザー向けポータルサイト「millon.jp（ミロン・ジェー・ピー）」を開発、ベータ公開しました。

全国の音楽リハーサルスタジオの検索・各音楽スポットへのイベント、メンボ記事の貼り付けが可能です。
携帯電話からのスタジオ検索にも対応しております。
ぜひご利用ください。

最近の記事

カテゴリ

最近のつぶやき

7時間前 - @tama517 え、あれとりあえず何でも立ち上げればやってもらえるんでしょ？ｗ
8時間前 - 誰か、くだらないTwitter占い作ろうぜ
8時間前 - おつ！例のやつの４月リリース楽しみすぎる　RT: @kira721: 今の案件ゴールっぽい。ﾋｬｯﾌｰ！！！！！！！！！
9時間前 - まじか！　RT: @tama517: 四ッ谷先輩の指が６本あることに気がついたのは私だけだろう。(^-^)
15時間前 - うちの会議室がそうだからできる　RT: @rykomats: 社長がやってたからできるはずー @kira721 HDMIがついてるテレビに、PCを繋いだらディスプレイになるのかしら？
15時間前 - ドメイン設定を他者にまかせることの、面倒さ…。自分でちゃちゃっと設定したーい。
2010/03/10 22:12 - 今日はいろいろ、勉強する。勉強大事。
2010/03/10 21:37 - SSL登録申込で、ナチュラルにURLの入力間違えて申込…これはダメかもわからんね
2010/03/10 17:17 - @kira721 イ㌔。
2010/03/10 17:12 - 覚えたFFのショートカットとぶつかってつかいずれえｗ　なしだｗRT: @masahyro: こ、これは！いれてみよ。　RT FirefoxをEmacs風に操作「KeySnail」　http://www.moongift.jp/2010/03/keysnail/

過去の記事

タグ

リンク

サーチ

Feeds

Meta

にほんブログ村