<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>廃道 on 山とカンツォーネ</title><link>https://montagna-katokeyci.github.io/oohc/tags/%E5%BB%83%E9%81%93/</link><description>Recent content in 廃道 on 山とカンツォーネ</description><generator>Hugo</generator><language>ja-jp</language><lastBuildDate>Sun, 27 Sep 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://montagna-katokeyci.github.io/oohc/tags/%E5%BB%83%E9%81%93/index.xml" rel="self" type="application/rss+xml"/><item><title>旧青梅街道</title><link>https://montagna-katokeyci.github.io/oohc/posts/2026-09-27/</link><pubDate>Sun, 27 Sep 2026 00:00:00 +0000</pubDate><guid>https://montagna-katokeyci.github.io/oohc/posts/2026-09-27/</guid><description>&lt;p&gt;「旧青梅街道」に違いはない。しかし奥多摩駅のひとつ手前の集落、日向と、氷川（奥多摩駅）を結ぶわずか700mの話である。現在の国道の15ｍ〜20ｍ上に、明治大正までの道が部分的に残っている。&lt;br&gt;
駅前の土産物屋のご主人によれば、「馬車は通れた。うちの祖父さんが馬で炭を運んだ道だよ」とのことだが、いまや歩く人を選ぶ。奥多摩駅からもっとも近い、極悪の廃道になっている。&lt;/p&gt;
&lt;hr&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style="text-align: left"&gt;項目&lt;/th&gt;
&lt;th style="text-align: left"&gt;内容&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;記録日&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;2026年9月27日（日）&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;天候&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;雨上がりの曇天&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;パーティ&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;モンターニャ単独&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;アクセス&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;JR青梅線で奥多摩駅&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;行程&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;hr&gt;
&lt;h3 id="コースタイム"&gt;コースタイム&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;記入中&lt;/li&gt;
&lt;li&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h3 id="コースマップ"&gt;コースマップ&lt;/h3&gt;
&lt;link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" /&gt;
&lt;style&gt;
.gpx-container {
width: 100%;
margin: 1.5rem 0;
border: 1px solid #ccc;
border-radius: 8px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
font-family: sans-serif;
}
.gpx-map { height: 380px; width: 100%; }
.gpx-summary {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
background: #f8f9fa;
padding: 8px 10px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
font-size: 0.8rem;
color: #333;
overflow-x: auto;
white-space: nowrap;
}
.gpx-summary-item {
margin: 0 4px;
}
.gpx-summary-item strong {
color: #007bff;
font-size: 0.95rem;
margin-left: 2px;
}
.gpx-chart-wrapper {
height: 180px;
width: 100%;
padding: 10px;
background: #fafafa;
box-sizing: border-box;
}
.start-marker-icon, .goal-marker-icon {
background: none;
border: none;
font-weight: bold;
font-size: 11px;
color: #ffffff;
text-align: center;
line-height: 18px;
}
&lt;/style&gt;
&lt;div class="gpx-container"&gt;
&lt;div id="map-7fe9c563" class="gpx-map"&gt;&lt;/div&gt;
&lt;div id="summary-7fe9c563" class="gpx-summary"&gt;
&lt;div class="gpx-summary-item"&gt;総距離:&lt;strong id="sum-dist-7fe9c563"&gt;-&lt;/strong&gt; km&lt;/div&gt;
&lt;div class="gpx-summary-item"&gt;累積標高上り:&lt;strong id="sum-up-7fe9c563"&gt;-&lt;/strong&gt; m&lt;/div&gt;
&lt;div class="gpx-summary-item"&gt;累積標高下り:&lt;strong id="sum-down-7fe9c563"&gt;-&lt;/strong&gt; m&lt;/div&gt;
&lt;div class="gpx-summary-item"&gt;最高標高:&lt;strong id="sum-max-7fe9c563"&gt;-&lt;/strong&gt; m&lt;/div&gt;
&lt;div class="gpx-summary-item"&gt;最低標高:&lt;strong id="sum-min-7fe9c563"&gt;-&lt;/strong&gt; m&lt;/div&gt;
&lt;/div&gt;
&lt;div class="gpx-chart-wrapper"&gt;
&lt;canvas id="chart-7fe9c563"&gt;&lt;/canvas&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdn.jsdelivr.net/npm/chart.js"&gt;&lt;/script&gt;
&lt;script&gt;
window.addEventListener('load', function() {
var gpxUrl = '\/oohc\/posts\/2026-09-27\/20260927_20260927.gpx';
var map = L.map('map-7fe9c563').setView([0, 0], 10);
L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
attribution: '&lt;a href="https://maps.gsi.go.jp/development/ichiran.html" target="_blank"&gt;国土地理院&lt;/a&gt;',
maxZoom: 18
}).addTo(map);
L.control.scale({
imperial: false,
position: 'bottomleft'
}).addTo(map);
var hoverMarker = null;
var trackPoints = [];
var timeLabels = [];
var ctx = document.getElementById('chart-7fe9c563').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
datasets: [{
label: '標高 (m)',
data: [],
borderColor: '#007bff',
backgroundColor: 'rgba(0, 123, 255, 0.1)',
fill: true,
borderWidth: 1.5,
pointRadius: 0,
pointHoverRadius: 6,
tension: 0.1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
interaction: { mode: 'index', intersect: false },
plugins: {
legend: { display: false },
tooltip: {
callbacks: {
title: function(items) {
var index = items[0].dataIndex;
var timeStr = timeLabels[index] || '';
var distStr = items[0].raw.x.toFixed(2) + ' km';
return timeStr ? '時刻: ' + timeStr + '（距離: ' + distStr + '）' : '距離: ' + distStr;
},
label: function(item) {
return '標高: ' + item.raw.y + ' m';
}
}
}
},
scales: {
x: {
type: 'linear',
display: true,
title: { display: true, text: '距離 (km)', font: { size: 10 } },
ticks: {
font: { size: 10 }
},
grid: { color: 'rgba(0, 0, 0, 0.05)' }
},
y: {
display: true,
title: { display: true, text: '標高 (m)', font: { size: 10 } },
ticks: { font: { size: 10 } },
grid: { color: 'rgba(0, 0, 0, 0.05)' }
}
},
onHover: function(event, activeElements) {
if (activeElements &amp;&amp; activeElements.length &gt; 0) {
var index = activeElements[0].index;
updateHoverMarker(index);
}
}
}
});
function updateHoverMarker(index) {
var pt = trackPoints[index];
if (pt) {
if (!hoverMarker) {
hoverMarker = L.circleMarker([pt.lat, pt.lng], {
radius: 8,
fillColor: '#00ffff',
color: '#ffffff',
weight: 3,
opacity: 1,
fillOpacity: 1
}).addTo(map);
} else {
hoverMarker.setLatLng([pt.lat, pt.lng]);
}
}
}
function extractTrackData(layer) {
var pts = [];
var polylines = [];
if (typeof layer.getLatLngs === 'function') {
var latlngs = layer.getLatLngs();
var flat = Array.isArray(latlngs[0]) ? latlngs.flat(Infinity) : latlngs;
flat.forEach(function(p) {
if (p &amp;&amp; typeof p.lat === 'number') {
pts.push({ lat: p.lat, lng: p.lng });
}
});
if (layer instanceof L.Polyline) {
polylines.push(layer);
}
} else if (typeof layer.eachLayer === 'function') {
layer.eachLayer(function(child) {
var res = extractTrackData(child);
pts = pts.concat(res.pts);
polylines = polylines.concat(res.polylines);
});
}
return { pts: pts, polylines: polylines };
}
fetch(gpxUrl)
.then(function(response) { return response.text(); })
.then(function(xmlText) {
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(xmlText, "text/xml");
var trkpts = xmlDoc.getElementsByTagName("trkpt");
for (var i = 0; i &lt; trkpts.length; i++) {
var timeNode = trkpts[i].getElementsByTagName("time")[0];
if (timeNode) {
var dateObj = new Date(timeNode.textContent);
var timeStr = dateObj.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false });
timeLabels.push(timeStr);
} else {
timeLabels.push('');
}
}
})
.catch(function(err) {
console.error("GPX Time Parsing Error:", err);
});
new L.GPX(gpxUrl, {
async: true,
polyline_options: { color: '#ff3300', weight: 5, opacity: 0.8 },
marker_options: { startIconUrl: null, endIconUrl: null, wptIconUrls: null }
}).on('loaded', function(e) {
var gpx = e.target;
map.fitBounds(gpx.getBounds());
var totalDistMeters = gpx.get_distance();
var distKmNum = totalDistMeters / 1000;
var distKmStr = distKmNum.toFixed(2);
var maxEle = Math.round(gpx.get_elevation_max());
var minEle = Math.round(gpx.get_elevation_min());
var gainEle = Math.round(gpx.get_elevation_gain());
var lossEle = Math.round(gpx.get_elevation_loss());
document.getElementById('sum-dist-7fe9c563').innerText = distKmStr;
document.getElementById('sum-up-7fe9c563').innerText = gainEle;
document.getElementById('sum-down-7fe9c563').innerText = lossEle;
document.getElementById('sum-max-7fe9c563').innerText = maxEle;
document.getElementById('sum-min-7fe9c563').innerText = minEle;
var eleData = gpx.get_elevation_data();
var chartDataPoints = [];
var extracted = extractTrackData(gpx);
trackPoints = extracted.pts;
if (trackPoints.length &gt; 0) {
var startPt = trackPoints[0];
var endPt = trackPoints[trackPoints.length - 1];
L.circleMarker([startPt.lat, startPt.lng], {
radius: 9,
fillColor: '#28a745',
color: '#ffffff',
weight: 2,
opacity: 1,
fillOpacity: 0.9
}).addTo(map).bindTooltip('スタート', { permanent: false, direction: 'top' });
L.circleMarker([endPt.lat, endPt.lng], {
radius: 9,
fillColor: '#dc3545',
color: '#ffffff',
weight: 2,
opacity: 1,
fillOpacity: 0.9
}).addTo(map).bindTooltip('ゴール', { permanent: false, direction: 'top' });
}
eleData.forEach(function(item) {
var dist = typeof item[0] === 'number' ? item[0] : parseFloat(item[0]);
var ele = Math.round(item[1]);
chartDataPoints.push({
x: parseFloat(dist.toFixed(2)),
y: ele
});
});
var dynamicStepSize = 1.0;
if (distKmNum &lt;= 5) {
dynamicStepSize = 0.5;
} else if (distKmNum &lt;= 20) {
dynamicStepSize = 1.0;
} else if (distKmNum &lt;= 40) {
dynamicStepSize = 5.0;
} else {
dynamicStepSize = 10.0;
}
chart.options.scales.x.max = distKmNum;
var allowedTicks = [];
for (var v = 0; v &lt; distKmNum; v += dynamicStepSize) {
allowedTicks.push(parseFloat(v.toFixed(1)));
}
chart.options.scales.x.ticks.callback = function(value) {
for (var i = 0; i &lt; allowedTicks.length; i++) {
if (Math.abs(value - allowedTicks[i]) &lt; 0.01) {
return value + ' km';
}
}
return '';
};
chart.options.scales.x.afterBuildTicks = function(axis) {
axis.ticks = allowedTicks.map(function(val) {
return { value: val };
});
};
chart.data.datasets[0].data = chartDataPoints;
chart.update();
extracted.polylines.forEach(function(polyline) {
polyline.on('mousemove', function(ev) {
if (!trackPoints.length) return;
var mouseLatLng = ev.latlng;
var closestIndex = 0;
var minDist = Infinity;
for (var i = 0; i &lt; trackPoints.length; i++) {
var d = mouseLatLng.distanceTo(L.latLng(trackPoints[i].lat, trackPoints[i].lng));
if (d &lt; minDist) {
minDist = d;
closestIndex = i;
}
}
updateHoverMarker(closestIndex);
chart.setActiveElements([{ datasetIndex: 0, index: closestIndex }]);
chart.tooltip.setActiveElements([{ datasetIndex: 0, index: closestIndex }], { x: 0, y: 0 });
chart.update();
});
});
}).addTo(map);
});
&lt;/script&gt;
&lt;hr&gt;
&lt;h3 id="山行記録"&gt;山行記録&lt;/h3&gt;
&lt;h4 id="プロローグ"&gt;プロローグ&lt;/h4&gt;
&lt;p&gt;道を見つけたのは偶然だ。&lt;br&gt;
半日だけ歩くと決めた日曜早朝の青梅線車内で「どこを歩こうか」。ゴンザス尾根から石尾根の範囲を思い浮かべて候補を探す。そういえば、駅近のゴンザス尾根の下の方は、足を向ける機会が少ないな。大氷川の南端から除ヶ野～安寺沢へ向かう日原古道をたどり、分かれる踏み跡があればたどってみようか。&lt;br&gt;
散歩気分で奥多摩駅をスタートする。新氷川トンネルの手前で旧国道に入りもえぎの湯方向へ向かい、しかし大氷川の南に上がる階段を通り過ぎてしまう。直感が働いたといえば誇張で、「ゴンザス尾根の南端はもっと先だから」、もう少し探索してみようと思っただけだ。&lt;br&gt;
氷川隧道をくぐりもえぎの湯の前を通り過ぎ、馬頭さまに通りかかる。拝んでから解説板を読んでみる。&lt;/p&gt;</description></item><item><title>日向沢林道</title><link>https://montagna-katokeyci.github.io/oohc/posts/2026-08-02/</link><pubDate>Sun, 02 Aug 2026 00:00:00 +0000</pubDate><guid>https://montagna-katokeyci.github.io/oohc/posts/2026-08-02/</guid><description>&lt;p&gt;日向沢林道を終点まで歩いたが、踊平のトンネルから終点まで、すでに道の体をなしていない。前週の疲れが残り、「息抜きの山歩き」コースを選んだつもりが。やたらと汗をかき、激しく疲労した。ここ2年のなかではいちばんの疲れ具合で、熱中症にならぬよう、マリアさまに祈りながらフラフラ歩いた。&lt;/p&gt;
&lt;hr&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style="text-align: left"&gt;項目&lt;/th&gt;
&lt;th style="text-align: left"&gt;内容&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;記録日&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;2026年8月2日（日）&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;天候&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;雲量多い晴れ→曇り、弱い風あり&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;パーティ&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;モンターニャ単独&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;アクセス&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;西東京バスて川乗橋バス停&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;&lt;strong&gt;行程&lt;/strong&gt;&lt;/td&gt;
&lt;td style="text-align: left"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;hr&gt;
&lt;h3 id="コースタイム"&gt;コースタイム&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;08:00～川乗橋バス停スタート&lt;/li&gt;
&lt;li&gt;08:27～川乗山登山口（細倉橋）&lt;/li&gt;
&lt;li&gt;09:19～林道分岐（林道川乗線・林道日向沢線）&lt;/li&gt;
&lt;li&gt;09:29～川乗林道終点付近～09:54&lt;/li&gt;
&lt;li&gt;記入中&lt;/li&gt;
&lt;li&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h3 id="コースマップ"&gt;コースマップ&lt;/h3&gt;
&lt;link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" /&gt;
&lt;style&gt;
.gpx-container {
width: 100%;
margin: 1.5rem 0;
border: 1px solid #ccc;
border-radius: 8px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
font-family: sans-serif;
}
.gpx-map { height: 380px; width: 100%; }
.gpx-summary {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
background: #f8f9fa;
padding: 8px 10px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
font-size: 0.8rem;
color: #333;
overflow-x: auto;
white-space: nowrap;
}
.gpx-summary-item {
margin: 0 4px;
}
.gpx-summary-item strong {
color: #007bff;
font-size: 0.95rem;
margin-left: 2px;
}
.gpx-chart-wrapper {
height: 180px;
width: 100%;
padding: 10px;
background: #fafafa;
box-sizing: border-box;
}
.start-marker-icon, .goal-marker-icon {
background: none;
border: none;
font-weight: bold;
font-size: 11px;
color: #ffffff;
text-align: center;
line-height: 18px;
}
&lt;/style&gt;
&lt;div class="gpx-container"&gt;
&lt;div id="map-7a6a14db" class="gpx-map"&gt;&lt;/div&gt;
&lt;div id="summary-7a6a14db" class="gpx-summary"&gt;
&lt;div class="gpx-summary-item"&gt;総距離:&lt;strong id="sum-dist-7a6a14db"&gt;-&lt;/strong&gt; km&lt;/div&gt;
&lt;div class="gpx-summary-item"&gt;累積標高上り:&lt;strong id="sum-up-7a6a14db"&gt;-&lt;/strong&gt; m&lt;/div&gt;
&lt;div class="gpx-summary-item"&gt;累積標高下り:&lt;strong id="sum-down-7a6a14db"&gt;-&lt;/strong&gt; m&lt;/div&gt;
&lt;div class="gpx-summary-item"&gt;最高標高:&lt;strong id="sum-max-7a6a14db"&gt;-&lt;/strong&gt; m&lt;/div&gt;
&lt;div class="gpx-summary-item"&gt;最低標高:&lt;strong id="sum-min-7a6a14db"&gt;-&lt;/strong&gt; m&lt;/div&gt;
&lt;/div&gt;
&lt;div class="gpx-chart-wrapper"&gt;
&lt;canvas id="chart-7a6a14db"&gt;&lt;/canvas&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdn.jsdelivr.net/npm/chart.js"&gt;&lt;/script&gt;
&lt;script&gt;
window.addEventListener('load', function() {
var gpxUrl = '\/oohc\/posts\/2026-08-02\/20260802_20260802.gpx';
var map = L.map('map-7a6a14db').setView([0, 0], 10);
L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
attribution: '&lt;a href="https://maps.gsi.go.jp/development/ichiran.html" target="_blank"&gt;国土地理院&lt;/a&gt;',
maxZoom: 18
}).addTo(map);
L.control.scale({
imperial: false,
position: 'bottomleft'
}).addTo(map);
var hoverMarker = null;
var trackPoints = [];
var timeLabels = [];
var ctx = document.getElementById('chart-7a6a14db').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
datasets: [{
label: '標高 (m)',
data: [],
borderColor: '#007bff',
backgroundColor: 'rgba(0, 123, 255, 0.1)',
fill: true,
borderWidth: 1.5,
pointRadius: 0,
pointHoverRadius: 6,
tension: 0.1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
interaction: { mode: 'index', intersect: false },
plugins: {
legend: { display: false },
tooltip: {
callbacks: {
title: function(items) {
var index = items[0].dataIndex;
var timeStr = timeLabels[index] || '';
var distStr = items[0].raw.x.toFixed(2) + ' km';
return timeStr ? '時刻: ' + timeStr + '（距離: ' + distStr + '）' : '距離: ' + distStr;
},
label: function(item) {
return '標高: ' + item.raw.y + ' m';
}
}
}
},
scales: {
x: {
type: 'linear',
display: true,
title: { display: true, text: '距離 (km)', font: { size: 10 } },
ticks: {
font: { size: 10 }
},
grid: { color: 'rgba(0, 0, 0, 0.05)' }
},
y: {
display: true,
title: { display: true, text: '標高 (m)', font: { size: 10 } },
ticks: { font: { size: 10 } },
grid: { color: 'rgba(0, 0, 0, 0.05)' }
}
},
onHover: function(event, activeElements) {
if (activeElements &amp;&amp; activeElements.length &gt; 0) {
var index = activeElements[0].index;
updateHoverMarker(index);
}
}
}
});
function updateHoverMarker(index) {
var pt = trackPoints[index];
if (pt) {
if (!hoverMarker) {
hoverMarker = L.circleMarker([pt.lat, pt.lng], {
radius: 8,
fillColor: '#00ffff',
color: '#ffffff',
weight: 3,
opacity: 1,
fillOpacity: 1
}).addTo(map);
} else {
hoverMarker.setLatLng([pt.lat, pt.lng]);
}
}
}
function extractTrackData(layer) {
var pts = [];
var polylines = [];
if (typeof layer.getLatLngs === 'function') {
var latlngs = layer.getLatLngs();
var flat = Array.isArray(latlngs[0]) ? latlngs.flat(Infinity) : latlngs;
flat.forEach(function(p) {
if (p &amp;&amp; typeof p.lat === 'number') {
pts.push({ lat: p.lat, lng: p.lng });
}
});
if (layer instanceof L.Polyline) {
polylines.push(layer);
}
} else if (typeof layer.eachLayer === 'function') {
layer.eachLayer(function(child) {
var res = extractTrackData(child);
pts = pts.concat(res.pts);
polylines = polylines.concat(res.polylines);
});
}
return { pts: pts, polylines: polylines };
}
fetch(gpxUrl)
.then(function(response) { return response.text(); })
.then(function(xmlText) {
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(xmlText, "text/xml");
var trkpts = xmlDoc.getElementsByTagName("trkpt");
for (var i = 0; i &lt; trkpts.length; i++) {
var timeNode = trkpts[i].getElementsByTagName("time")[0];
if (timeNode) {
var dateObj = new Date(timeNode.textContent);
var timeStr = dateObj.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: false });
timeLabels.push(timeStr);
} else {
timeLabels.push('');
}
}
})
.catch(function(err) {
console.error("GPX Time Parsing Error:", err);
});
new L.GPX(gpxUrl, {
async: true,
polyline_options: { color: '#ff3300', weight: 5, opacity: 0.8 },
marker_options: { startIconUrl: null, endIconUrl: null, wptIconUrls: null }
}).on('loaded', function(e) {
var gpx = e.target;
map.fitBounds(gpx.getBounds());
var totalDistMeters = gpx.get_distance();
var distKmNum = totalDistMeters / 1000;
var distKmStr = distKmNum.toFixed(2);
var maxEle = Math.round(gpx.get_elevation_max());
var minEle = Math.round(gpx.get_elevation_min());
var gainEle = Math.round(gpx.get_elevation_gain());
var lossEle = Math.round(gpx.get_elevation_loss());
document.getElementById('sum-dist-7a6a14db').innerText = distKmStr;
document.getElementById('sum-up-7a6a14db').innerText = gainEle;
document.getElementById('sum-down-7a6a14db').innerText = lossEle;
document.getElementById('sum-max-7a6a14db').innerText = maxEle;
document.getElementById('sum-min-7a6a14db').innerText = minEle;
var eleData = gpx.get_elevation_data();
var chartDataPoints = [];
var extracted = extractTrackData(gpx);
trackPoints = extracted.pts;
if (trackPoints.length &gt; 0) {
var startPt = trackPoints[0];
var endPt = trackPoints[trackPoints.length - 1];
L.circleMarker([startPt.lat, startPt.lng], {
radius: 9,
fillColor: '#28a745',
color: '#ffffff',
weight: 2,
opacity: 1,
fillOpacity: 0.9
}).addTo(map).bindTooltip('スタート', { permanent: false, direction: 'top' });
L.circleMarker([endPt.lat, endPt.lng], {
radius: 9,
fillColor: '#dc3545',
color: '#ffffff',
weight: 2,
opacity: 1,
fillOpacity: 0.9
}).addTo(map).bindTooltip('ゴール', { permanent: false, direction: 'top' });
}
eleData.forEach(function(item) {
var dist = typeof item[0] === 'number' ? item[0] : parseFloat(item[0]);
var ele = Math.round(item[1]);
chartDataPoints.push({
x: parseFloat(dist.toFixed(2)),
y: ele
});
});
var dynamicStepSize = 1.0;
if (distKmNum &lt;= 5) {
dynamicStepSize = 0.5;
} else if (distKmNum &lt;= 20) {
dynamicStepSize = 1.0;
} else if (distKmNum &lt;= 40) {
dynamicStepSize = 5.0;
} else {
dynamicStepSize = 10.0;
}
chart.options.scales.x.max = distKmNum;
var allowedTicks = [];
for (var v = 0; v &lt; distKmNum; v += dynamicStepSize) {
allowedTicks.push(parseFloat(v.toFixed(1)));
}
chart.options.scales.x.ticks.callback = function(value) {
for (var i = 0; i &lt; allowedTicks.length; i++) {
if (Math.abs(value - allowedTicks[i]) &lt; 0.01) {
return value + ' km';
}
}
return '';
};
chart.options.scales.x.afterBuildTicks = function(axis) {
axis.ticks = allowedTicks.map(function(val) {
return { value: val };
});
};
chart.data.datasets[0].data = chartDataPoints;
chart.update();
extracted.polylines.forEach(function(polyline) {
polyline.on('mousemove', function(ev) {
if (!trackPoints.length) return;
var mouseLatLng = ev.latlng;
var closestIndex = 0;
var minDist = Infinity;
for (var i = 0; i &lt; trackPoints.length; i++) {
var d = mouseLatLng.distanceTo(L.latLng(trackPoints[i].lat, trackPoints[i].lng));
if (d &lt; minDist) {
minDist = d;
closestIndex = i;
}
}
updateHoverMarker(closestIndex);
chart.setActiveElements([{ datasetIndex: 0, index: closestIndex }]);
chart.tooltip.setActiveElements([{ datasetIndex: 0, index: closestIndex }], { x: 0, y: 0 });
chart.update();
});
});
}).addTo(map);
});
&lt;/script&gt;
&lt;hr&gt;
&lt;h3 id="山行記録"&gt;山行記録&lt;/h3&gt;
&lt;p&gt;記入中です&lt;/p&gt;</description></item></channel></rss>