iPhone12を使用してブログに埋め込む操作をしましたが、埋め込みが上手行きません。他サイトを参考にしましたが、OSのバージョンの違いからか地図の埋め込み用のHTMLコードを取得するメニューが見つかりませんでした。Google mapをPC版で開いて何度も弄っているうちに、HTML取得のメニューを発見しましたので紹介い致します。
Google mapの埋め込みHTML取得方法
今までは、PCでブログにGoogle map埋め込みましが、今回はiPhoneで挑戦しました。(iOSは14.4)
HTMLを取得するメニューが見つからないためGoogle検索で探して参考にしようとしたが、当てはまる記事が見つからない。(検索の仕方が悪いだけか)
諦めかけた頃、PCで出来るのだからPC版でGoogle mapを開けばHTMLを取得出来るのでは、と思い再挑戦です。
Google mapのHTMLを取得手順
iPhone12 Pro MaxにプリインストールしてあるGoogle mapを開いて埋め込む予定の施設などをタップします。今回は、道の駅ましこを対象施設にしました。
![](https://kanreki.tabikaz.com/wp-content/uploads/2021/02/1googlemap共有botanモバイル-222x480.png)
googlemap共有botanモバイル
モバイル版のGooglemapが表示されるので、道の駅ましこをタップします。
下部のメニューに共有というボタンをタップします。
![](https://kanreki.tabikaz.com/wp-content/uploads/2021/02/2googlemap共有モバイル-222x480.png)
googlemap共有モバイル
メニューが現れますので、chromeをタップします。
![](https://kanreki.tabikaz.com/wp-content/uploads/2021/02/3googlemapPC版へ移行メニュー-222x480.png)
googlemapPC版へ移行メニュー
ポップアップメニューの下の方の「PC版サイトを見る」をタップします。
左上の横三本線をタップしてサイドのメニューを出しましす。
![](https://kanreki.tabikaz.com/wp-content/uploads/2021/02/4Googlemapモバイル版メニュー-222x480.png)
Googlemapモバイル版メニュー
しかし乍ら、この時点では「地図を埋め込む」のメニューが見当たりません。まだ完全にPC版に移行していないと言うことです。
![](https://kanreki.tabikaz.com/wp-content/uploads/2021/02/5googlemap道の駅ましこpc-222x480.png)
googlemap道の駅ましこ
下部のメニュー「・・・」をタップしてメニューを出します。
![](https://kanreki.tabikaz.com/wp-content/uploads/2021/02/9googolemap再読み込み-222x480.png)
googolemap再読み込み
ポップアップメニューの一番上の「再読み込み」のボタンをタップします。
![](https://kanreki.tabikaz.com/wp-content/uploads/2021/02/6googlemappc版地図を埋め込むメニュー-222x480.png)
googlemappc版地図を埋め込むメニュー
これで完全にPC版に移行しましたので、続いて左上の横三本線をタップするとサイドメニューに「地図を共有または埋め込む」が出ますのでタップします。
![](https://kanreki.tabikaz.com/wp-content/uploads/2021/02/7googlemap地図を埋め込む-222x480.png)
googlemap地図を埋め込む
PCで作業すると、地図の大きさを選択できましたが、選択肢がありませんでした。
地図を埋め込むをタップします。
![](https://kanreki.tabikaz.com/wp-content/uploads/2021/02/8googlemaphtmlコードコピー-222x480.png)
googlemaphtmlコードコピー
HTMLコードをコピーしてブログ内に指定の方法で貼り付ければGoogle mapが表示されます。
あとがき
再度同じ事に挑戦した際は、再読み込みをする前にPC版のメニューが出て「地図を共有または埋め込む」が現れました。不具合が少々あるようですね。
PC版で開いても、モバイル版のメニューが残っている場合は、再読み込みをしてPC版に移行することが重要ですね。
楽天広告