記事に Google Map を載せよう | 楽しく販促・分かる言葉で伝えよう集客アドバイザー佐藤奈緒子

楽しく販促・分かる言葉で伝えよう集客アドバイザー佐藤奈緒子

人が集まり続ける仕組み作りコンサルタント佐藤奈於子です。
難しい専門用語は使いません。
初心者向け個別レッスン、グループレッスン、各種セミナーも開催。
仙台市中心部のカフェ、レンタルスペースが主な会場です。

9/30 矢印上向きなおちゃんです。

こんなとき地図があったら便利なのになぁ
マラソンコースの案内とかね
⇒ 松島マラソン カウントダウン4

GoogleMapの取り込み方

取り込みしたい地図が表示されたら
画面右上にある
チェーン(くさり)のアイコンをクリック
なおちゃんの矢印上向き!-googlemap01

小窓が表示されるので
【短縮 URL】をそのままコピー&貼り付けしてもいいし、
【HTML を貼り付けてサイトに地図を埋め込みます】を
そのままコピー&貼り付けしてもいいし。

ただし、そのまま張り付けると横幅が425pxなので
記事画面からはみ出る場合は修正が必要。

地図の大きさを変える場合
【埋め込み地図のカスタマイズとプレビュー】をクリック。

なおちゃんの矢印上向き!-googlemap02

新しい窓が開くので
地図のサイズを任意で選び、
【サイトに地図を埋め込む場合はこの HTML をコピーして貼り付けます。】の下に
表示されている記号を全てコピー&貼り付け。
なおちゃんの矢印上向き!-googlemap03

横幅pxが一致しない場合は
【カスタム】を選んで幅、高さを入力。

ちなみに私の記事ワイドは400pxなので、
画像も、地図も400pxに設定してあります。


貼り付ける際は、
【ブログを書く】→【アメブロの設定】→【タグ編集エディタ】
 または 【新エディタ】を選択していること。

なおちゃんの矢印上向き!-googlemap04

ここまでくれば完成!
なおちゃんの矢印上向き!-googlemap05

あとはいつも記事を書くように
ほかの文章とか写真とか足して、公開!


大きな地図で見る


ほーらできちゃった!グッド!
次は、地図内に導線を表示させる方法を
ご案内します。