diff --git a/koki/AEDMAP.html b/koki/AEDMAP.html new file mode 100644 index 0000000..e183579 --- /dev/null +++ b/koki/AEDMAP.html @@ -0,0 +1,68 @@ + + + +マップ: AEDマップクイズ + + + + + + + + + + + +

AEDマップクイズ

+
+

+ + + + + + diff --git a/koki/AEDMAP.js b/koki/AEDMAP.js new file mode 100644 index 0000000..71afc88 --- /dev/null +++ b/koki/AEDMAP.js @@ -0,0 +1,84 @@ +document.addEventListener("DOMContentLoaded", () => { + var mymap = L.map("mymap").setView([38.919, 139.828], 12); + L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', { + attribution: + '© OpenStreetMap contributors' + }).addTo(mymap); + + var markers = []; + var hanaIcon= L.icon({ + iconUrl:"Hana.png", + iconSize:[40,40], + iconAnchor:[19,33], + popupAnchor:[0,-40] + }); + var tubomiIcon = L.icon({ + iconUrl:"Tubomi .png", + iconSize:[40,40], + iconAnchor:[19,33], + popupAnchor:[0,-40] + }); + + // 全マーカー記憶用 + var customLayer = L.geoJson(null, { + onEachFeature: (f, layer) => { + markers.push(layer); + + // マーカーをすべて記憶しておく + let qn = markers.length; // 問題番号 + let fp = f.properties; + if (!fp) return + let place = fp.設置場所; + let q = fp.問題; + let A = fp.A, B = fp.B, C = fp.C, D = fp.D; + let answer = fp.正解; + let id=`q${qn}`, sel = ""; + for (let i of ["A", "B", "C", "D"]) { + sel += `
  • `; + } // classの値に正解を仕込んでおく + let bun = `

    ${place}

    \n

    ${q}