住所入力でGoogleマップへリンクするスクリプト
06/07/31 Comment(1) Trackback(0)
住所を日本語で入力するだけで、その住所周辺のGoogleマップへのリンクが作れるスクリプトを作ってみました。

Javasprictです。

I

例えば、、、

Yahoo! Japan本社
東京都港区六本木6-10-1 六本木ヒルズ森タワー



クリックしてみてください。Yahoo! Japan本社である六本木ヒルズの位置が示されるはずです。

----スクリプト::テキストリンク 例文----

<script type="text/javascript"><!--
document.write('<a href="http://maps.google.co.jp/maps?f=q&hl=ja&q='+encodeURI('東京都港区六本木6-10-1 六本木ヒルズ森タワー')+' target="_blank">Yahoo!Japanの地図</a>');
//--></script>

----スクリプト::テキストリンク 例文 終わり----


----スクリプト::画像リンク 例文----

<script type="text/javascript"><!--
document.write('<a href="http://maps.google.co.jp/maps?f=q&hl=ja&q='+encodeURI('東京都港区六本木6-10-1 六本木ヒルズ森タワー')+' target="_blank"><IMG src="http://www.web2-labo.com/images/yahoo_googlemap.JPG" border=0 class="blogimg" class="blogimg" >');
//--></script>

----スクリプト::画像リンク 例文 終わり----


【利用方法】

上記コードの「東京都港区六本木6-10-1 六本木ヒルズ森タワー」と「Yahoo!Japanの地図(テキストリンク)」または「<IMG src="http://www.web2-labo.com/images/yahoo_googlemap.JPG" border=0 class="blogimg" class="blogimg" >(画像リンク)」の部分をお好みに応じて書き換えて、リンクを設置したい場所にコピペしてください。

※ブログの各記事内に設置する場合は、ブログの改行設定をOFFにしてください。改行部が
に変換されてしまい、Javascriptが上手く機能しません。

【ご利用の条件】

当スプリクトをご利用になる方は、当サイトを貴サイト・ブログ内で紹介していただけないでしょうか?
(相互リンクも募集しています⇒相互リンク

よろしくお願いします。

当サイトの説明文:
Web技術など、世の中の面白い技術をHackしたり、研究したりするブログ。「Web2.0」的な感じで、みんなでワイワイやりたいです。

リンクコード:

テキスト<
トラックバック


※当サイト内ページへのリンクがないと、受け付けない仕様になっています
トラックバック一覧
コメント
Posted by のんだくれ at 08/06/22

「住所入力でGoogleマップへリンクするスクリプト」を利用させていただきました。
いろいろ調べて試してみましたがなかなかうまくいかず、貴サイトに巡り会ったときは本当にうれしく思いました。これからも貴サイトの繁栄を心よりお祈り申し上げます。

コメントを投稿
上の情報を保存する場合はチェック
月別エントリー
2009年6月(5)2009年5月(12)2009年4月(6)2009年3月(4)2009年2月(4)2009年1月(6)2008年12月(4)2008年11月(5)2008年10月(4)2008年9月(8)2008年8月(6)2008年7月(4)2008年6月(4)2008年5月(6)2008年4月(7)2008年3月(8)2008年2月(14)2008年1月(22)2007年12月(10)2007年11月(10)2007年10月(5)2007年9月(7)2007年8月(5)2007年7月(16)2007年6月(1)2007年5月(4)2007年4月(9)2007年3月(9)2007年2月(10)2007年1月(20)2006年12月(6)2006年11月(15)2006年10月(11)2006年9月(27)2006年8月(9)2006年7月(5)2006年6月(11)2006年5月(2)2005年9月(1)
308
239