バンビの初心者ブログ教室

私がブログ運営で月間10万円稼いだ方法を教えます!

簡単!ブログの中にグーグルマップを表示させる方法

※当ブログ内では商品広告やPRを行っております。

他人のブログを読んだこともなかった、ど素人の私が「はてなブログ」開設からわずか8ヶ月で月間アクセス10万PV、さらに月間収益10万円越えを達成した方法を初心者にも分かりやすく解説します♪

 

ブログの中にGoogle Mapを表示させる方法
 

 今日は↓こんな風にグーグルマップ
ブログの記事の中に埋め込む方法を紹介します(^-^)

 

 

1.グーグルマップ(Google Maps)で
まず表示したい場所を検索して表示する

f:id:zuboraca:20180108003144j:plain

 

2.↓左上の「三」をクリックする

f:id:zuboraca:20180108002557j:plain

 

3.「∞地図を共有または埋め込む」をクリック

f:id:zuboraca:20180108002608j:plain

 

4.小さなウィンドウが出てくるので「地図を埋め込む」をクリック

f:id:zuboraca:20180108002614j:plain

 

5.地図が出てくるので↓赤い線のところをコピー

ログインしていると、地図上に自分のアイコンが出てきているけど、ブログの記事上では、自分のアイコンが表示される訳ではなくて、記事を読んでいる人のアイコンが表示されるので大丈夫!

f:id:zuboraca:20180108002622j:plain

 

6.はてなブログだったら、HTML編集にして入れたい場所にペースト

 

ブログの中にグーグルマップを表示させる方法

 

7.WordPressの場合は、ブロックをカスタムHTMLにしてブロック内にコピペ

f:id:zuboraca:20211019153022p:plain

 

 

8.地図の大きさはここで変えられる

f:id:zuboraca:20180108002627j:plain

 

以上!お試しあれ〜

次回は「ブログの中にストリートビューを表示させる」をお送りします♪
↓↓

超簡単!ブログの中にGoogleストリートビューを表示させる方法

 

はてなブログのカスタマイズはこちらから

↓↓

【初心者向け】はてなブログのカスタマイズや設定手順、コピペでできるコードなど〜まとめ〜

 

はてなブログ【アフィリエイト】で素人が月間10万円の収益を得た5つの方法

 

  

このブログについて

f:id:zuboraca:20210731122423j:plain


著者:元CAバンビ

もともとは国際線のCAをしていました。趣味で「旅行ブログ」を書いているうちにブログ運営そのものに興味を持ち、HTMLやCSS、Javascripなどの言語やSEOについて独学で勉強し、はてなブログのテーマ「Palette(パレット)」を公開しました。

現在では、はてなブログやWordPressなどで5つのブログを運営しています。
当ブログでは、自身の経験からブログ運営やカスタマイズ方法などを紹介しています。
詳しくはサイトマップをご覧ください♪

はてなブログの方は読者登録よろしくお願いします。
↓↓