<!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 onload="init()"> <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"><br> ホームページのURL:<input id="addUrl" name="url" type="text"><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>名称や概要、問題文や選択肢を入力し、画像をアップロードする。</li> <li>「地点を追加する」ボタンを押して内容を送信する。</li> </ol> </body> </html>