Google地図をWordpressページに埋め込み方

 

 

ここでは簡単にGoogleの地図を固定ページで表示させる方法です。初心者の方でも手順よくやれば簡単に作成できますので

 

Googleの地図を出します。https://www.google.co.jp/maps

 

 

左上に住所などを書きます。

東京ドームを検索してみます。

東京ドームのMAPが表示されましたので

左に表示されています画面を確認してください。

この画面に保存・付近を検索・別のモバイル端末に送信・共有とありますが

共有のボタンをクリックしますと

 

 

スポンサーリンク





 

共有クリック画面

 

リンク共有・地図埋め込みがありますので地図埋め込みをクリック

地図を埋め込むをクリックすると

 

 

 

<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.8806326666445!2d139.7503636147846!3d35.70455493018892!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188c4782eed4f3%3A0x5058b288249e640e!2z5p2x5Lqs44OJ44O844Og!5e0!3m2!1sja!2sjp!4v1495608965942″ width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>

こちらをコピーしてページに貼り付ければ

このようなページ画面が表示されます。

簡単に作成できましたね(^^)/

 

 

[su_button url=”https://cm-net.tokyo/domein” target=”blank” style=”3d” background=”#fc3a33″ size=”4″ wide=”yes” icon=”icon: github-alt” icon_color=”#ffffff” text_shadow=”0px 1px 24px #ec2a50″]wordpressで収益の出るブログドメイン取得方法
[/su_button]

 

 

スポンサーリンク
 





 

 

 

 

 

GoogleMAPを商用利用の場合は規約を確認ください

https://developers.google.com/maps/pricing-and-plans/?hl=ja