/* -- sidebar style -- */ .sidebar .widget { margin-top: 1.3em; margin-right: 0; margin-bottom: 0.5em; margin-left: 0; } .sidebar h2 { font-size: 1.3em; } .sidebar dl { margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; } .sidebar ul { list-style: none; margin: 0; padding: 0; } .sidebar li { padding-bottom: 5px; line-height: 1 } .main .widget .clear { clear: both; } /* -- sidebar style -- */ #footer p { margin: 0; padding: 12px 8px; font-size: 0.9em; } .profile-textblock { margin-left: 0; clear: both; } .profile-img { float: left; margin-top: 0; margin-right: 10px; margin-bottom: 5px; margin-left: 0; border: 1px solid #7C78B5; padding: 4px; } /** Page structure tweaks for layout editor wireframe */ body#layout #header-wrapper { margin-top: 0; } body#layout #main-wrapper { padding:0; } -->

2009-04-14

Google マップを自分のサイトに貼り付けてみた!超簡単♪

googleマップをブログやサイトに貼りつけるのって、
超簡単だったんですね( ・∇・)♪

googleマップで知りたい場所を見つけたら、右上の「リンク」という部分をクリックします。
ブログなどに貼りつけることのできるリンクタグが表示されますので、それをブログに貼るだけです。



試しに、「六本木ヒルズ」の位置を掲載してみました。
六本木ヒルズに意味はありません。なんとなく思いついただけ~v(・∀・)v


大きな地図で見る

地図の大きさは、大中小と、カスタムサイズも作れるので便利です。
旅行のブログを運営している方など、いろいろ使い道がありそうです。

Google Japan Blog: Google マップを自分のサイトに貼り付けよう

ただし、携帯サイトにgoogleマップを掲載したい場合は、残念ながらもっと複雑になりますね。
方法はこちらです。
こっちはあんまりやってみる気になれない( ; ̄ω ̄)ゞ

Google Japan Blog: Google マップが携帯でも表示できるようになりました



0 コメント: