Private Fantasticのホームページへ

グーグルマップをブログやサイトに埋め込む方法


🌹WebNews2🌹

Googlemapをブログやwebサイトに埋め込む方法

Googlemapで検索または、Googleアプリでマップを選びます

アプリ

地図を埋め込みたい場所(住所や電話番号施設名等)で検索 候補のうち目的のものを選びます。

検索

共有をクリック

共有

リンクをコピーしてメモ帳等に貼り付けて記録しておきます。

地図を埋め込むを選びます。

リンク

デフォルトでサイズが中になっているので▼を押すとサイズ変更ができます。

中

大 中 小 カスタム(自分の好きなサイズを入力します。)

カスタム

サイズを入力したら、実サイズでプレビューをクリック

カスタムサイズ

ズーム感は、右下にある「+-」ボタンで調節ができます。

いい具合になったら、保存して閉じます。

ビュー

コードが表示されてる右側に「HTMLコードをコピー」があるのでクリック

先程のメモ帳等に貼り付けて記録しておきます。

自分のサイトページにお好きなところに、先程メモ帳にコピーしたものを貼り付けます。

エディタ

すると、こんな感じで表示されます。☆GoogleMapで見る☆をクリックすと拡大表示されます。

ブログビュー

ルート案内もしてくれます! 出発の場所を検索

ルート検索で車を選ぶと距離と時間が表示されます。

電車を選ぶと経路(○○駅→○○駅まで何分乗換で徒歩何分)とか表示されます。

ルート

詳細をクリックすると、詳しい内容を見ることができます。

詳細

地図の左下にある航空写真をクリックすると、こんな感じ

航空写真

左下の地図をクリックすると、戻ります。

とても便利なので、よくGoogleMapで確認します。

私は、この方法で上手く埋め込むことができました(#^.^#)

See you again Take care
(^.^/)))~~~bye!!



TOP