記事に地図（GoogleMap）を貼る方法と注意点

　JanJanBlogにGoogleMapを貼る方法をご説明します。方法は一般のブログの場合と変わりませんが一点だけ注意が必要です。作業手順の最後の「注意点」をふまえて作業を行ってください。（このページの画像はクリックすると大きく表示され見やすくなります。）

① まず、GoogleMapで貼りたい地図を開きます。そして地図の右上の「リンク」からHTMLソースをコピーします。

② 記事編集の作業に移ります。新規投稿画面の右上部に「ビジュアル」と「HTML」のタブがあります。文章の編集は「ビジュアル」の画面だけで完成できますが、地図を付ける場合は記事が完成したあとに「HTML」タブを選択（クリック）し画面を変えて作業を行います。「HTML」画面を開き、地図を挿入する箇所に①でコピーしたソースをペーストしてください。

③ 「下書きとして保存」（右上のボタン）をクリックし完成記事を保存します。プレビューボタンをクリックし、プレビュー画面で記事にちゃんと地図が入っていることを確認したら公開ボタンをクリックしてください。最後にJanJanBlog誌面でタイトルや記事が掲載されていることを確認してください。

※　注意点は、記事編集画面でいったん地図を含む記事を「保存」したあとに再度「ビジュアル」画面を選択するとペーストした地図のHTMLソースが壊れてしまうということです。（<iframe>～～</iframe>の部分が消えてしまいます。）

　この現象は記事を公開したかどうかにかかわらず起こります。したがって、いったん保存した「ビジュアル」画面を記事の修正や確認のために再度開いた場合は、「ビジュアル」画面での作業完了後に「HTML」画面に移り、もう一度同じように地図のHTMLソースをペーストする作業を行ってください。

　HTMLの知識がある方は「HTML」画面のまま修正作業を行っていただいてかまいません。なお、YouTubeやUStreamなど、<iframe>～～</iframe>を使って画像等を埋め込む場合はすべて同じ現象が起こりますので、この方法で対処してください。

 Loading ...