2006年09月20日

グーグルマップの検索窓を自サイト内に設置する方法

世界中のサテライト写真も表示されるグーグルマップの検索窓を自サイト内に設置する為のHTMLソースを公開

サテライト写真も表示され観ていると時間の経つのも忘れ遊びすぎてしまうと言う難点? のある Google Maps です。
他に先駆けて Ajax を利用しマウスでドラッグできる様にした地図でもあります。
Google Maps API も公開されており日本でもこの API を利用した多くのサービスが存在しています。

とは言え、英語の説明しかない API を素人が簡単に扱えるとも思えません。
そこで今回はこのグーグルマップの検索窓を自分のサイトへ設置できる様にフォームを抜き出してみました。
元のソースは view-source:http://maps.google.com/?hl=ja になります。

出来上がった検索窓の基本は下の様になります。

下記のソースをコピーして試してみてください。
グーグルにはこの地図の検索窓に関する説明が有りませんので自己責任で設置してください。

<form method="get" action="http://maps.google.com/maps">
<input type="text" name="q" value="" size="30">
<input type="hidden" name="hl" value="ja">
<input type="hidden" name="ie" value="Shift_JIS">
<input type="submit" name="btnG" value="地図を検索">
</form>

name="ie" value="Shift_JIS" の赤字部分はGoogleへ送信する文字コードの指定です。 利用するページの charset に合わせて変更する必要があります。

各種検索窓設置方法

posted by Nea at 15:03 | Comment(0) | 検索窓設置方法
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: