2013/01/24

ホームページやブログでグーグルマップを簡単に表示させる超簡単な方法 APIなんて不要?

APIのバージョンが古くなったからグーグルマップが表示されなくて困ってるという方と遭遇したので、いろいろ調べてみたら。。。

Google Maps JavaScript API V3

というものに行き当たった。
どうやらバージョン2はV3の正式化にともなって廃止されたために、表示されなくなってしまったらしい。


じゃあ、APIを新規に取得すればいいの?
と思って、いろいろ調べてみたんだが、なにせJavaScriptよくわからないし、グーグルの説明不親切で初心者には全然わからない><


かろうじてチュートリアルを参考にhtmlを作成して、そのファイルを埋め込んでも動かないし。




困ったな~、と思ってたらAPIを取得しないでも簡単にGoogleマップをホームページやブログに張り付けられるということを知ったわけで。。。

そういえば、前にもそんなこと調べたなー。なんて思い出したり。笑

例えば駅前にある大学。
住所をグーグルマップで検索すると
まあ、普通に表示されるわけですが、リンクタグをクリックすると

すると『ウェブサイトへの地図埋め込み用htmlコード』が出現!
それを埋め込むとこんな感じ。


大きな地図で見る

おおお。素晴らしい^^

ちなみに、ルート検索した状態でリンクを作成するとちゃんと経路まで出してくれます!
駅から大学までは・・・


大きな地図で見る

ちゃんと出てきたぞ!
え?
歩きで2分もかかるの???w