function myInit() { /* 北緯38.891度, 東経139.824度, ズームレベル16 で地図表示 */ var mymap = L.map("csvmap").setView([38.891, 139.824], 16); L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }).addTo(mymap); L.control.scale().addTo(mymap); fetch("experience.csv").then((resp) => { return resp.text(); // HTTPレスポンスから文字列を抜き出して返す }).then((csvlines) => { // それを csvlines として受け取る /* ここに csvlines を複数のCSV行として処理するものを書く */ var lg = L.featureGroup(), line, x, lat, lon, name; for (line of csvlines.split("\n")) { if (line == "") continue; x = line.split(","); lat = x[0], lon = x[1], name = x[2]; L.marker([lat, lon]).bindPopup(name).addTo(lg); } lg.addTo(mymap); mymap.fitBounds(lg.getBounds()); }); } document.addEventListener("DOMContentLoaded", myInit, false);