[JavaScript]指定した住所でGoogleMapを開く

GoogleMapでリンク用のURLを生成すると、ものすごく長いURLになってしまいます。それをスッキリ日本語で書けて、さらにGoogleMapでURLを生成しなくても良くなる方法をご紹介します。

JavaScriptのencodeURI関数を利用することで、日本語の部分をエンコードしてURLに連結する方法を利用しています。GoogmeMapでURLを生成する場合はこのエンコードを行った後のURLがリンクとして表示されているというわけです。

HTMLの中に以下のように書いてください。ちょっと1行が長いですね。。。

<a href="javascript:;" onclick="window.open('http://maps.google.co.jp/maps?q='+encodeURI('神奈川県相模原市中央区'));return false;" href="javascript:;">地図を開く</a>

実際に試すとこのようになります。

地図を開く

非常に簡単に地図にリンクが貼れるので便利だと思います。