Google Maps Embed APIの設置

Google Maps Embed API
Maps Embed API サンプルコード
1. その他の参考

Google Maps Embed API

Google Map JavaScript API（価格は標準プランとプレミアムプランがあり、標準プランでは1日あたり最大 25,000 回のロードが無料）でした。Google Maps Embed APIはGoogleMapsの地図を埋め込める機能です。 2020年7月1日より前は、GoogleMapsEmbedAPI- Advanced という区分が有料でした。検索機能など高度な機能を使った埋め込みは Advanced に分類され有料になりますが、地図表示だけなら無料で利用できます。 iframe にてウェブサイトに埋め込み、使用するものです。Google Maps Embed APIは「API Key」を取得して表示します。ウェブサイトのソースコードを見れば、ウェブサイトを訪れるユーザはAPIキーを知ることができるため、表示WEBサイトの制限をつけておきます。

Maps Embed API サンプルコード

Google公式でコードを確認する＞＞外部リンク

PHP


<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY
    &attribution_source=マップ保存時に表示されるサイト名（省略可）
    &attribution_web_url=マップ保存時に表示されるサイトURL（省略可、attribution_source必須）
&attribution_ios_deep_link_id=comgooglemaps://?daddr=iOS用住所（省略可）
    &q=検索クエリ（住所or施設名or座標）
    &zoom=17" allowfullscreen>
</iframe>