たくT blog

生活用品4割映画3割グルメ3割のたくTおすすめブログ

MENU

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

f:id:tmtmtm33333333:20211003232327j:plain

 

はてなブログ初心者に

ブログ内でグーグルマップを

表示させる方法を紹介します。

はてなブログでの方法です。

自分の記録ログとしても記載させていただきます。

*私も初心者なので一緒に勉強しましょう。

 

 

使用シーン

下記のようなときに使うのかなと思います。

・お店の場所を紹介したい

・どこか観光先を紹介

etc

 

やり方

下記のように埋め込みを今回は例として貼り付けます。

(皇居にしてます)

 

①googlemapで検索

f:id:tmtmtm33333333:20211003233617j:plain

②「共有」をクリック

f:id:tmtmtm33333333:20211003233622j:plain

③HTML用リンクのコピー

「地図を埋め込む」部分の「HTMLをコピー」をクリック

f:id:tmtmtm33333333:20211003233658j:plain

④はてなブログ内に添付

はてなブログの記事作成内の「HTML編集」で

表示させたい場所に貼り付けます。

f:id:tmtmtm33333333:20211003234415j:plain

⑤その他:地図の大きさ変更

地図の大きさは以下のタブ内で

大~カスタムまで変更可能です。

f:id:tmtmtm33333333:20211003234847j:plain

 

以上でした。

 

いいねと思ったらコメントなどよろしくお願いしますTTT(^^)TTT