ページの住所をGoogle マップ へリンク
仕事で多くの住所を地図に変更する必要に迫られた。
既存の地図はクオリティも低く、情報も古いためにGoogle マップへの変換が必要となったのだ。
最初は住所や施設名をURLエンコードしてGoogle マップへの検索へ渡す方法を考えたが、ページに一つ一つ記述するのが面倒そうだったので、住所を直接Google マップリンクへの変換が手間も間違いも少なくする最善の方法と思われた。
そこで検索すると、
shinichitomitaさん
http://d.hatena.ne.jp/shinichitomita/20060713/1152800000 のページを見つけた。
思っていたものに近かったが、電話番号などもリンクが生成されてしまうので、正規表現部分を改造しようと思っていたら、
twk @ ふらっとさんのページ http://nonn-et-twk.net/twk/node/51 を見つけ、一気に問題は解決した。ご両名には感謝です。
twk @ ふらっとさんのコードはブックマークレット仕様なので、ほんのちょっとだけ変更して、、、 変更は本当にちょっとだけで以下の2点。
- スクリプトをリンクしてwindow.onload でページがロードされたときにマップへのリンクを生成
- aタグにクラスを指定してレイアウトに自由度をプラス
ソースはこちら
注) ソースに日本語が含まれていますので、使用ページと文字エンコードを一致させて保存する必要があります。
