超簡単にブログにGoogle Mapsを!

以前に見つけた「ブログにGoogle Maps貼り付け」のサービスが
どうやら停止しているようなので、別の方法を探してきました。

このやり方はチョー簡単!
非常に便利ですヾ(=^▽^=)ノ
 
 
以下、TEDDY-Gさんのブログからの引用です。 
-------------------------------------------------------------
”G2Gmap”という名前で、ホントにもう、超簡単にブログやWeb Site
に地図(Google Maps)が貼れる。

表示される地図は元のページにオーバーレイ表示されて、マウスで
ドラッグすることも可能。

住所を元に地図を自動表示するから、昔書いたエントリに地図を
追加するなんてことも容易に実現できる。
 
 
使い方は下記のとおり。

1. ブログのどこかに下記のスクリプトタグを埋め込む。テンプレートの
 中でも、エントリの中でもよい。
  <script type="text/javascript"
   src="http://www.got2do.com/api/G2gmap.js"
   charset="utf-8"></script>

2. 地図を表示させたい住所部分の前後に、下記のようなタグを入れる。
  <span class="G2gmap">
   ここに地図を表示したい住所を記述します</span>

これだけで、ページ読み込み完了後に、上記2のspanタグで囲まれた部分に
"Click To View Map"という表示が追加され、リンクが貼られる。

リンクをクリックすると、その部分に地図が表示される仕組み。
class指定を"G2gmap"にさえすれば、HTMLタグは別に何でもよい。
 
 
実際に設定してみるとこんな感じ。

- 東京タワー
 東京都港区芝公園4-2-8
-------------------------------------------------------------

投稿者: 日時: 2007年12月30日(日) 15:44

トラックバック

このエントリーのトラックバックURL:
http://sharex2.com/cgi/mt/mt-tb.cgi/143

コメント: 超簡単にブログにGoogle Mapsを!

www.sharex2.com is very interesting. I loved your blog a lot. Thank you.

投稿者 payday loans edmonton | 2010年06月29日(火) 00:48

www.sharex2.com is great! Do you wonder if those fast cash payday advance loans are really worth it In the abstract you may not think that such loans are of much value But when you are Check out reputable direct payday loans lending companies and find one that best fits your situation as well as nice first time discounts

投稿者 toronto payday loans | 2010年07月11日(日) 14:52

コメントを投稿

 
Ferretアクセス解析