Geocoding API をphp画面で表示とデータベース登録

写真投稿アプリを課題で作っているのですが、
その写真の場所の位置情報もつけて、投稿したいと思っています。、

検索をかけてその場所がヒットしてくれるようなものがいいいので、調べるとジオコーディングがいいとわかりました。

色々やり方を調べたのですが、記事も少ないので、全くわかりません。
apiキーを取得する所までは、できたのですが、、その後のjavascriptでの処理がうまくいきません。

最終的には位置情報もデータベースへと登録して、それを取得して投稿一覧に表示させたいです。
データベースにapiを登録できるのかも分かりません。

今エラーは
Failed to load resource: the server responded with a status of 403 (Forbidden)
と出ております。

知っている方、教えていただけないでしょうか。よろしくお願い致します。

<?php
session_start();
//loginしていないsessionがない時はログイン画面にリダイレクトさせる
if(!isset($_SESSION["login"])){
	header("Location: login.php?err=3");
exit();
}


?>
<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/style3.css">
		<meta name="viewport" content="width=device-width">

	</head>
	<body>
		<header class="page-header">
    <h1><a href="mypage.php"><img class="logo" src="images/penguin.png"></a></h1>
		<h2 class="page-title">POST</h2>
			<nav>
        <ul class="main-nav">
          <li><a href="mypage.php">TOP</a></li>
          <li><a href="index.php">POSTS</a></li>
          <li><a href="logout.php">LOGOUT</a></li>
        </ul>
      </nav>
 		</header>
 		<div class="centerview">
			<form class="box" action="post.php" method="post" enctype="multipart/form-data">
				<p>タイトル</p>
					<input type="text" name="title">
				<p>場所</p>
					<input type="text" name="location">
					<input type="button" id="searchbtn" value="検索">
					<div id="map" style="height: 300px;"></div>
				<p>コメント</p>
					<textarea name="contents" rows="5" cols="40"></textarea>
					<input type="hidden" name="MAX_FILE_SIZE" value="1048576">

				<div class="file-up">
					<input type="file" name="img" id="file"><br>
					<img src="" id="preview" style="display:none;">
				</div>
				<input type="submit" name="btn" value="送信">

			</div>
			</form>
			<script src=<script src="https://maps.googleapis.com/maps/api/js?key=<%= ENV['APIキー']%>&callback=initMap"></script>
			<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

			<script src="js/app.js"></script>

		</body>
</html>

AbeTakashi

2021/10/18 13:42 編集

"403 forbidden"の意味をご自分で調べたでしょうか？もし意味が分かっているなら、もう少し調べようもあると思います。おそらくそのソースコード以外の部分でなにかしら問題があると思いますので、このままでは答えが出そうにはありません。原因が分からないようであれば、403の意味を加味した上で必要な情報を追記していただくといいと思います。追記）この手のエラーが出た場合はサーバのエラーログを見てください。もしかするともう少し詳細なエラーの内容が記載されている場合があります。サーバのエラーログがどこにあるかは環境ごとに変わるので具体的なアドバイスはできませんが、PHPの導入方法などをもとに自分で調べてみてください。