GoogleマップのHTMLへの貼り付けが簡単に

Googleマップの地図がブログやホームページなどへ簡単にコピペで埋め込み可能になりました。

今まではJavaScriptやMaps APIを利用して貼り付けるのが一般的でしたが、今後はGoogleマップの貼り付けたい地図上で、このページへのリンクをクリックし、表示されたタグをホームページに貼るだけでOKとなります。

サイズはデフォルトで425×350となっていますが、widthとheightの値を変えることにより簡単にサイズ変更もできます。

こちらが今回このサイトに埋め込んだ地図
拡大地図を表示

※注意
iframe タグは HTML4.01 Strict・XHTML1.0 Strict では未定義、XHTML1.1 では廃止されています。

表示されたタグをそのまま埋め込むとW3Cからエラー判定を喰らいますので、準拠したい方はちょっといじる必要があります。（以下はXHTML1.0 Transitionalの場合）

• frameborder を="0"か"1"に変更
• iframe に title 属性を追加
• <iframe> と </iframe>の間にテキスト追加
• <br/>を<br />に変更
• & を &amp; に変更

これでOKのはずです。

HTML？XHTML？W3Cがなんだ！という方はgoogleマップで表示されたタグをそのまま貼り付けましょう。