diff --git a/mapping.js b/mapping.js index a681d0a..b4b1b3d 100644 --- a/mapping.js +++ b/mapping.js @@ -107,6 +107,24 @@ .then(text => { // fetchで読み込んだ直後のCSVは\nつきの1本の長い文字列なので行ごとに分ける const lines = text.split('\n'); + var customLayer = L.geoJson(null, { // omnivoreに引き渡すGeoJSONレイヤ + onEachFeature: function(f, layer) { // このブロックは + let p = f.properties; // triangle-umap.js と同じ + if (p) { // + let name = p.name, desc = p.description; + let popup = "
" + (desc||"") + "
"; + layer.bindPopup(popup); // + } + } + }); + var gjl = omnivore.geojson("triangle-load.geojson", null, customLayer); + // ↑引数は順に: ファイル, 解析オプション, カスタムレイヤ + gjl.on("ready", function() { // 'ready' イベントに読み終わったときの処理 + jsonmap.fitBounds(gjl.getBounds()); // 読み取り失敗時は 'error' イベント + }); + gjl.addTo(jsonmap); // マップに足す + L.control.layers(null, {"Triangle": gjl}).addTo(jsonmap); + })(); // 最初の行(i=0行目)はヘッダー(name,lat,lng)なのでスキップ for (let i = 1; i < lines.length; i++) { const line = lines[i].trim(); //i番目の行を取り出し、trim()で前後の空白を消す