ブログアドバイザーの花緒里です。
メニューバーにアクセスを入れる場合
地図があるとお客様に迷わず来ていただけるのでとても便利です。
実店舗がある場合は、ぜひ設置してみて下さい^^
Amebaブログ･アメブロにGoogle地図を貼り付ける方法です。
ここでは、いつもお世話になっている雑貨屋さんRose's Houseさんへの道順を例にあげます。
札幌方面から車でRose's Houseに向かう場合の地図の載せ方です。
大きな地図で見る
Googleの地図を使うと、方向を変えてまわりの風景も見ることができるのでとても便利な上、自分で写真を撮るよりも簡単です。
では、Amebaブログ･アメブロにGoogle地図を貼り付ける方法です。
まず、Googleマップのトップ画面より、ルート･乗換案内をクリック。
Ａに目印になるポイントを入力。
Ｂに目的地の住所を入力し、検索をクリック。
車での行き方なので、交通手段に車を選択。
ルート一覧より、表示したいルートを選択。
表示された１番最初のポイントの右上にある人のカタチをクリックするとストリートビューが表示されます。
ストリートビューが表示された画面でクサリのカタチをクリックします。
貼り付け用のHTMLが表示されるのでコピーをして、アメブロのブログ記事を書く画面に貼り付けます。
このままでは、禁止タグが含まれているので保存できません。
とエラーになってしまうので、変更します。
1番最初の赤丸の数字は表示する幅を設定しています。
３カラムのアメブロでは４００に、２カラムのアメブロでは５５０が幅いっぱいに表示することができます。
そして、２箇所httpsという箇所があるので、２箇所ともｓを削除して公開をクリックで表示されます。
この作業を運転ルートのポイントごとに繰り返して、画像を貼り付けます。
わかりやすい目印などを書くと親切ですね。
ちょっと難しそうに感じるかもしれませんが
作ってしまえば長く使えますので、チャレンジしてみてください^^
うまくできたよ～とか
報告もおまちしています(^.^)/
出来上がりはこんな感じになります。
Amebaブログ･アメブロにGoogle地図を貼り付ける方法でした。
最後までお読みいただきありがとうございました。
あなたのブログのメニューバーを作ります！
メニューバーにアクセスを入れる場合
地図があるとお客様に迷わず来ていただけるのでとても便利です。
実店舗がある場合は、ぜひ設置してみて下さい^^
Amebaブログ･アメブロにGoogle地図を貼り付ける方法です。
ここでは、いつもお世話になっている雑貨屋さんRose's Houseさんへの道順を例にあげます。
札幌方面から車でRose's Houseに向かう場合の地図の載せ方です。
大きな地図で見る
Googleの地図を使うと、方向を変えてまわりの風景も見ることができるのでとても便利な上、自分で写真を撮るよりも簡単です。
では、Amebaブログ･アメブロにGoogle地図を貼り付ける方法です。
まず、Googleマップのトップ画面より、ルート･乗換案内をクリック。
Ａに目印になるポイントを入力。
Ｂに目的地の住所を入力し、検索をクリック。
車での行き方なので、交通手段に車を選択。
ルート一覧より、表示したいルートを選択。
表示された１番最初のポイントの右上にある人のカタチをクリックするとストリートビューが表示されます。
ストリートビューが表示された画面でクサリのカタチをクリックします。
貼り付け用のHTMLが表示されるのでコピーをして、アメブロのブログ記事を書く画面に貼り付けます。
このままでは、禁止タグが含まれているので保存できません。
とエラーになってしまうので、変更します。
1番最初の赤丸の数字は表示する幅を設定しています。
３カラムのアメブロでは４００に、２カラムのアメブロでは５５０が幅いっぱいに表示することができます。
そして、２箇所httpsという箇所があるので、２箇所ともｓを削除して公開をクリックで表示されます。
この作業を運転ルートのポイントごとに繰り返して、画像を貼り付けます。
わかりやすい目印などを書くと親切ですね。
ちょっと難しそうに感じるかもしれませんが
作ってしまえば長く使えますので、チャレンジしてみてください^^
うまくできたよ～とか
報告もおまちしています(^.^)/
出来上がりはこんな感じになります。
Amebaブログ･アメブロにGoogle地図を貼り付ける方法でした。
最後までお読みいただきありがとうございました。
あなたのブログのメニューバーを作ります！