WordPress.com に Googleマップを貼る方法


View Larger Map

以前にも Google マップを貼る方法については説明しているのですが、これもウェブサイトを作成する上では欠かせないノウハウだと思うので、改めて覚書します。全く同じことを書くのもあれですので、今回は「神戸グルメゲリラ」様のブログに貼ってある地図を拝借する手順の説明をもって、Google マップを貼る方法の説明に替えさせて頂きます。

kobegoulmet02
神戸グルメゲリラ

まず、「View Larger Map」をクリック。

kobegoulmet03

すると、グルメゲリラ様作成のGoogle マップが開きます。

kobegoulmet04

リンクのアイコンをクリック。

kobegoulmet05

「埋め込み地図のカスタマイズとプレビュー」をクリック。

kobegoulmet06

適宜、大きさを調整し、

kobegoulmet07

ドラッグ(左クリックのままでカーソルを動かす)して、地図の位置を調整し、

WS001170

HTMLタグをコピーし、

kobegoulmet08

そのまま WordPress.com の編集画面(HTMLモードにしておく)に貼りつければOKです。

kobegoulmet12


View Larger Map

特定のお店を強調したいときには、地図を以下のような状態にしてからHTMLタグをコピーすればOKです。

kobegoulmet09


View Larger Map

ちなみに吹き出しのリンクをクリックすると、

kobegoulmet10

お店の紹介記事へジャンプします。

kobegoulmet11

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中