<!DOCTYPE html>
<html lang="ja">
<head>
<title>編集画面｜朝日地区イズ</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.0/dist/leaflet.css">
<link rel="stylesheet" type="text/css" href="main.css">
<script src="https://unpkg.com/leaflet@1.3.0/dist/leaflet.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="edit.js"></script>
</head>
<body>
<h1 class="center">朝日地区イズ</h1>
<h2 class="center">編集画面</h2>
<form action="https://script.google.com/macros/s/AKfycbwTil3IaeM8aMiCd5mqokl0hBd0EYlu8ICEH8JVxXY1G7YR-qjOtu2qcSfPbFd6SQ0EAg/exec" method="post">
<div id="item-box">
<div class="item map">
<div id="editmap"></div>
</div>
<div class="item form">
<p>名称：<input id="addName" name="name" type="text"><br>
<input class="none" id="lat" name="lat" type="text">
<input class="none" id="lng" name="lng" type="text">
概要：<textarea id="addDesc" name="description" style="width: 70%;"></textarea><br>
住所：<input id="addAddress" name="address" type="text" style="width: 60%;"><br>
WebサイトのURL：<input id="addUrl" name="url" type="text" style="width: 60%;"><br>
画像：<input id="addImage" name="image" type="text" placeholder="Google Driveの画像の共有URL" style="width: 60%;"><br>
問題文：<input id="addQuiz" name="quiz" type="text" style="width: 80%;"><br>
選択肢A：<input id="addChoiceA" name="choiceA" type="text"><br>
選択肢B：<input id="addChoiceB" name="choiceB" type="text"><br>
選択肢C：<input id="addChoiceC" name="choiceC" type="text"><br>
正解となる解答：<select id="addAnswer" name="answer">
<option name="a" value="a">選択肢A</option>
<option name="b" value="b">選択肢B</option>
<option name="c" value="c">選択肢C</option>
</select></p>
<p class="center"><input type="submit" value="地点を追加する">
<input type="reset" value="リセット"></p>
</div>
</div>
</form>
<p class="center"><a href="play.html">プレイ画面はこちら</a></p>
<h2 class="center">操作説明</h2>
<h3>マーカーの追加方法</h3>
<ol>
<li>マップ上で追加したい地点の場所をクリックする。</li>
<li>名称や概要を入力し、Google Driveの画像の共有URLを入力する。</li>
<li>問題文と選択肢を入力し、正解となる解答を選ぶ。</li>
<li>「地点を追加する」ボタンを押して内容を送信する。</li>
</ol>
</body>
</html>
Yuto Togashi