GMapを貼ってみた
- Photographer
- hugovk
- License
- Creative Commons (by-nc-sa)
- Tool for photo selecting
- Gigazinize Tools – Image
ブログや様々応用シーンでも今後は地図の挿入は大変便利です。
ブログサーフしていてこんな物を発見しました。
javaスクリプトでグーグルマップを表示してくれるツール。
下記のソースをあらかじめホームページやブログのテンプレートに組み込んで読み込ませておくだけ。
後は通常のように住所（グーグルマップで実際に入力する住所）を書いてspanタグで囲むだけだ。
非常に便利なので紹介します。
TEDDY-G本家
http://teddy-g.cocolog-nifty.com/blog/2007/06/g2gmapgoogle_ma_da2e.html
使い方は下記。
1. ブログのどこかに下記のスクリプトタグを埋め込む。テンプレートの中でも、エントリの中でもよい。
<script type="text/javascript" src="http://www.got2do.com/api/G2gmap.js"
charset="utf-8"></script>
2. 地図を表示させたい住所部分の前後に、下記のようなタグを入れる。
<span class="G2gmap">1600 Amphitheatre Parkway, Mountain
View, CA</span>
これだけで、ページ読み込み完了後に、上記2のspanタグで囲まれた部分に”Click To View Map”という表示が追加され、リンクが貼られる。
リンクをクリックすると、その部分に地図が表示される仕組み。
class指定を”G2gmap”にさえすれば、HTMLタグは別に何でもよい。
実際に設定してみるとこんな感じ。↓↓↓
Google本社
1600 Amphitheatre Parkway, Mountain View, CA
東京タワー
東京都港区芝公園4-2-8
:finger:
prodcted by