Q&A
Laravelでwebアプリ作成をしています。
ローカル環境でgooglemapをblade内に表示したいのですが、エラーが出て先に進めません。
解決策やヒントをいただきたいです。よろしくお願いいたします。
<開発環境>
OS mac10.15.4
php 7.4.5
Laravel 7.12.0
<発生しているエラー>
Google Maps Platform rejected your request. This API project is not authorized to use this API.
<試した事、やった事>
GoogleCloudPlatform ダッシュボードにて、
Maps JavaScript APIを有効化→ 「API が有効です」と表示されている
Geocoding APIを有効化→ 「API が有効です」と表示されている
クレジットカード情報を登録
キーは何度も確認し、打ち間違えはないと思われる
「アプリケーションの制限」でHTTPリファラーを選択
「ウェブサイトの制限」でhttp://localhost/, 127.0.0.1:8000/, http://127.0.0.1:8000/*を追加。
「APIの制限」で、キーを制限しないを選択
<該当のコード>
show.blade.php
1@extends('layouts.app') 2 3@section('content') 4<h2>{{ $shop['shopname'] }}</h2> 5<p>{{ $shop['address'] }}</p> 6 7<iframe id="map" src="https://www.google.com/maps/embed/v1/place?key=AIza***********************&q={{ $shop['address'] }}" width="100%" height="320" frameborder="0"></iframe> 8 9// 10 11 12@endsection 13
$shop['address']の値は取得できています。
APIのプロジェクトが認証されていないというような事が言われていますが、どこに着目して、何を確認すれば良いのかわかりません。
アドバイスいただきたいです。よろしくお願いします。
回答1件
0
ベストアンサー
APIキーが入っているURLのものは iframe を使って読み込むものではありません。
公式のドキュメントには豊富なサンプルコードが掲載されているのでこちらを参考にしてください。
https://developers.google.com/maps/documentation/javascript/adding-a-google-map?hl=ja
投稿2020/05/31 03:16
総合スコア3923
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/05/31 03:45
2020/05/31 04:28
2020/05/31 04:37
2020/05/31 05:00
2020/05/31 05:19