<!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="map.js"></script>
</head>
<body onload="init()">
<div class="tabbox">
<input type="radio" name="tabset" id="tabcheck1" checked><label for="tabcheck1" class="tab">マップ</label>
<input type="radio" name="tabset" id="tabcheck2" ><label for="tabcheck2" class="tab">操作説明</label>
<input type="radio" name="tabset" id="tabcheck3" ><label for="tabcheck3" class="tab">参考文献</label>
<div class="tabcontent" id="tabcontent1">
<h1>プレイ</h1>
<div id="item-box">
<div class="item map">
<div id="playmap"></div>
</div>
<div class="item quiz">
<img id="image" class="image" src=""></img>
<p id="quiz" class="question">問題文</p>
<button id="a" class="button" type="button" name="a" value="a">選択肢A</button>
<button id="b" class="button" type="button" name="b" value="b">選択肢B</button>
<button id="c" class="button" type="button" name="c" value="c">選択肢C</button>
<p id="result"> </p>
<div id="answer" class="none">解答</div>
<div id="stamp-id" class="none"></div>
<div id="stamp-src" class="none"></div>
<div class="quiz js-content"></div>
</div>
</div>
<h1 class="center">編集</h1>
<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>
概要：<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="file"><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 value="a">選択肢A</option>
<option value="b">選択肢B</option>
<option value="c">選択肢C</option>
</select></p>
<p class="center"><input type="button" value="地点を追加する" id="submitButton">
<input type="button" value="リセット" id="resetButton"></p>
</div>
</div>
</div>
<div class="tabcontent" id="tabcontent2">
<h2>朝日地クイズの遊び方</h2>
<ol>
<li>マップ上のマーカーのいずれかをクリックしよう。</li>
<li>その地点の画像が表示されて問題文が切り替わるよ。</li>
<li>選択肢を選んでクイズに答えよう！</li>
</ol>
<h2>マップの使い方</h2>
<ul>
<li>移動：マウス左ボタンを押しながらドラッグ</li>
<li>拡大・縮小：左上の＋／−ボタンまたはマウスホイールの回転</li>
<li>レイヤーの切替：右上のひし形ボタンにカーソルを合わせてチェックボックスをクリック</li>
</ul>
<h2>マーカーの追加方法</h2>
<ol>
<li>マップ上にて追加したい地点をクリックする。</li>
<li>名称や概要、問題文や選択肢を入力し、画像をアップロードする。</li>
<li>「地点を追加する」ボタンを押して内容を送信する。</li>
</ol>
</div>
<div class="tabcontent" id="tabcontent3">
<ol>
<li>やまがた観光情報センター. ``月山ダム''. <a href="https://yamagatakanko.com/attractions/detail_176.html">https://yamagatakanko.com/attractions/detail_176.html</a>, (参照2023-05-02).</li>
<li>あさひむら観光協会. ``行沢とちの実会''. <a href="https://www.asahi-kankou.jp/kankou/member24.html">https://www.asahi-kankou.jp/kankou/member24.html</a>, (参照2023-05-02).</li>
<li>月山ワイン山ぶどう研究所. ``月山ワインの歴史''. <a href="https://gassan-wine.com/?page_id=72">https://gassan-wine.com/?page_id=72</a>, (参照2023-05-02).</li>
<li>山形県グリーン・ツーリズム推進協議会. ``松ヶ岡農場''. <a href="http://gt-yamagata.netj.jp/ygt/detail.php?recid=537">http://gt-yamagata.netj.jp/ygt/detail.php?recid=537</a>, (参照2023-05-02).</li>
<li>やまがた観光情報センター. ``大鳥池''. <a href="https://yamagatakanko.com/attractions/detail_189.html">https://yamagatakanko.com/attractions/detail_189.html</a>, (参照2023-05-02).</li>
<li>一般社団法人東北観光推進機構. ``注連寺の七五三掛桜''. <a href="https://www.tohokukanko.jp/attractions/detail_1003064.html">https://www.tohokukanko.jp/attractions/detail_1003064.html</a>, (参照2023-05-02).</li>
<li>株式会社 月山あさひ振興公社 湯殿山事業所. ``料金・スクール''. <a href="https://yudonosan.com/price/">https://yudonosan.com/price/</a>, (参照2023-05-02).</li>
<li>湯殿山総本寺 瀧水寺大日坊. ``即身仏''. <a href="http://www.dainichibou.or.jp/sokushinbutu/">http://www.dainichibou.or.jp/sokushinbutu/</a>, (参照2023-05-02).</li>
<li>菅原精肉店. ``商品紹介''. <a href="https://sugawaraseinikuten.com/products/">https://sugawaraseinikuten.com/products/</a>, (参照2023-05-02).</li>
<li>出羽三山神社. ``湯殿山''. <a href="http://www.dewasanzan.jp/publics/index/16/">http://www.dewasanzan.jp/publics/index/16/</a>, (参照2023-05-02).</li>
</ol>
</div>
</div>
</body>
</html>
Yuto Togashi