var t_std = new L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { minZoom: 5, maxZoom: 18, attribution: "国土地理院" }); var t_pale = new L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png', { minZoom: 5, maxZoom: 18, attribution: "国土地理院" }); var t_ort = new L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/seamlessphoto/{z}/{x}/{y}.jpg', { minZoom: 5, maxZoom: 18, attribution: "国土地理院" }); var o_std = new L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { minZoom: 2, maxZoom: 18, attribution: "© OpenStreetMap contributors" }); var mymap = L.map('map_canvas', { // center: center_pt, // zoom: 15, zoomControl: true, layers: [t_std] }); var Map_BaseLayer = { "地理院地図 標準": t_std, "地理院地図 淡色": t_pale, "地理院地図 写真": t_ort, "OpenStreetMap 標準": o_std }; new L.GPX(gpx_url, { async: true, polyline_options: { color: 'red', opacity: 0.7, weight: 3, lineCap: 'round' } }).on('loaded', function(e) { mymap.fitBounds(e.target.getBounds()); }).addTo(mymap); L.control.scale({ imperial: false, }).addTo(mymap); L.control.layers(Map_BaseLayer, null, { collapsed: true }).addTo(mymap); L.control.fullscreen().addTo(mymap); var lat, lng, title, time, alti, imgstr, i, html; var markers = []; for (i = 0; i < points.length; i++) { if (points[i][2]==""){ html = '