google MAPが突然非表示に (￣へ￣,|)

2021年8月26日

ホームページに埋め込んでいたgoogle MAPが突然表示されなくなっていた

アクセスページは移転でもしない限り更新しないのでいつからの現象か不明

閲覧者から指摘されるまでまったく気づかず、ざっと10年は放置状態でした

特にエラー箇所が見つからずネット検索しても「gogle MAPが表示されなくなった原因」というものが「API設定」の記事しかヒットしない

（例）Googleマップが非表示に！？トラブル対処法をご紹介！

「google MAP API」アクセスページに地図を埋め込んだ時にはそんなものは使っていなかったはず

今更だけど「google MAP API」って何？？（笑）

さくっと要約すると
Google Map の各種機能をさまざまなサービス・サイト・アプリに埋め込むためのもの
Google Maps API を利用することでウェブサイトや iOS、Android アプリなどに Google Map を表示できるようになる。さらに地図の色やマップ内のマーカーを変更したりルート表示できたりといったカスタマイズが出来るというものらしい

そのためには「APIキー」を取得する必要があり取得するにはプレミアムプランに加入

えっ！？有料プランってことですよね
私のサイトごときそこまで必要ないですよ！！カスタマイズも必要ないし場所さえ分かればOKなのに

結局google mapは有料になったってことなのかな

諦めかけていたその時、ひらめいた

もしかして、あの「s」が原因では？？

ダメ元でやってみました

見事的中！！！表示されました

google map埋め込みコードのURLの先頭「https」の「s」だったんです
10年以上前は「http」で始まっていました
今回はURLに「s」を付け加えることで解決しましたが
現在google mapの埋め込みコードは「iframe」になっているのでついでに新しいコードで埋め込みし直しました

google map埋め込みのおさらい

①google mapを開いて目的の名前や場所を検索
②地図が表示されたら左側のメニューの「共有」をクリック

以下「iframe」で囲われたコードが貼り付けられ座標が中央に配置された地図が表示されます

<iframe src="https://www.google.com/maps/*************"></iframe>