Googleマップで簡単にできる!地図や運転ルートなどのブログ埋め込み

ブログにGoogleマップが埋め込まれているサイトをよく見かけるようになりました。Googleマップはよく利用していますが、ブログ上で利用したことはありません。自分のブログ上でも使うと便利そうなので調べてみました。

アイキャッチ画像はGoogleカーです。国内で私が遭遇したGoogleカーはすべてSUBARUのインプレッサなんですが、海外でも同じ車種を使っているんですね。背景にある理由が気になるのは私だけかな?
スポンサーリンク

地図またはルートをブログに埋め込む手順

ブログに地図またはルートを埋め込む手順は次のとおりです。

  1. Google マップを開く。
  2. 埋め込みたい地図、ストリートビュー画像、ルートを地図上に表示する。
  3. 左上のメニュー  をクリックする。
  4. [地図を共有または埋め込む] をクリックする。
  5. 表示されるボックスの上部で [地図を埋め込む] タブを選択する。
  6. 埋め込みサイズを選択し、HTML 埋め込みコードをコピーしてブログのソースコードに貼り付ける。
ただし、気をつけなくてはならないことがあります。それは、Google マップをライトモードで利用している場合、地図の埋め込みができないことです。また、埋め込みができるのは、パソコン版Google マップだということです。
スポンサーリンク

さっそくブログへの埋め込みをお試し

ラーメンブログではないのですが、なぜか人気記事の上位になっている(雑記帳ブログだから仕方ないか・・・)過去記事を使ってGoogleマップの埋め込みをしてみるとこんな感じになりました。
https://bibalogue.com/2908

ここからは、過去記事を利用したGoogleマップ埋め込みの例です⬇️

西の雄 大沼食堂

onuma1

そして、これまでなかなか訪ねることができなかった「大沼食堂」に行くことができました。実は、一度食べに行ったのですが、その時は営業していませんでした。でも、場所は確認することができました。このお店にもテーブルは3脚しかありません。息子さんとお母さんらしき方が厨房にいました。ここのラーメンも昔ながらのあっさりした美味しいラーメンでした。

山形県山形市西原1丁目11−12