KenG Blog

http://maps.google.com/maps?q=Tokyo&ll=35.621334,139.381839&spn=0.009742,0.008122&t=k&hl=ja
うちはここでーす。

ローレゾ画像に切り替わるボーダーぎりぎり(^^;。

おー、緑が多くて、広い敷地があったりと、羨ましい。今度引っ越す時は、Google Mapで周りに緑があるかどうか確認しよう、そうしよう。

http://maps.google.com/maps?q=Tokyo&ll=35.621334,139.381839&spn=0.009742,0.008122&t=k&hl=ja
うちはここです。

間違えました。
http://maps.google.com/maps?q=Tokyo&ll=35.693765,139.446609&spn=0.014999,0.016565&t=k&hl=ja

こっちも緑が多くて……って、え? 緑のど真ん中??

KenGさん、ごぶさたしてます。2週間ほど前まで隣の席でお世話になっていたmasuwoです。ソースを頼りにようやくここに辿り着きました。いやはや…（汗）。
その後も皆さんお元気でしょうか？
さて、私のエリアはこの地図上方でした。ち、近い…！
GoogleMapといえば、以前ブログ（MovableType使用）内に導入を試みたところ、問題多発（ページそのものを見る事ができない、等）だったため断念した経緯があります…。ま、KenGさんのようにリンク先を表示すれば済むとも言えますけど…。
ともあれ、まずは訪問の足跡まで。では！

どうもどうも。いやあ、素晴らしい。ソースを頼りにたどり着きましたかー。ソース、ソース、ん? なんのソース?

しかも驚いたのが、GoogleMapの組み込みのお話をされていらっしゃる!　いや実はですね、次のブログのネタで、Google Mapの組み込み方法の解説をまとめようと思っていた矢先なんでございます。

では、ここで触りだけご紹介。

--------

1) まずは、何はともあれGoogleアカウントを取得。
2) 次にGoogle Map APIを自分のサイトで使うために、Googleから認証キーを発行してもらう。
http://www.google.co.jp/apis/maps/signup.html

3) Google Map API関連ツールはいろんなサイトで優秀なものが公開されているけど、今回使ったのはこれ。FireFoxで動作します。
http://www.geekpage.jp/web/google-maps-api/gmapcreator/

4) 経路マップはこちらが便利
http://nyanjiro.net/pathway_map.php

…このあとに、3で作ったマップに、4で指定した経路マップをはめ込む作業がありますが、これはブログで乞うご期待。

「なんのソース？」←すみません、解説無くて…（汗）。
実はKenGさんに教えて頂いたサイトURLにまずはアクセスしてみたのですが、私の見方が悪いのか、ブログのページが見当たりませんで…。とほほ。
結局トップページのソースから拾いだしてこちらに辿り着いたという次第…。

それはさておき、Google Mapの組み込み解説とはなんとタイムリーな！ありがとうございます！！
しばし頭を切り替えないので、すぐには出来そうにないのですが、ぜひトライしてみたいと思います。
「3で作ったマップに、4で指定した経路マップをはめ込む作業」の解説も楽しみだわ〜。期待してます！