From 0f83c29d0a489ba8ac3c32ba3137abee0eb90bae Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 1 May 2026 03:51:57 +0000 Subject: [PATCH 1/6] Add parcel slope analyzer for Sevier County TN parcel testing MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Self-contained HTML tool that: - Prompts for Mapbox token at runtime (stored in sessionStorage only, never committed to git) - Queries Sevier County ArcGIS FeatureServer trying both GISLINK and ID field formats across multiple candidate endpoints, reporting which one successfully returns the Foust parcel boundary polygon - Samples elevation via Mapbox Terrain-RGB at a 10×10 grid across the parcel bounding box, with tile caching to minimise requests - Calculates per-cell slope using finite differences; reports avg/max - Renders parcel outline + slope heatmap (green→red) on a Mapbox satellite-streets map https://claude.ai/code/session_01A8hTZVRcXuDPbKeUYNByt5 --- parcel_slope_analyzer.html | 662 +++++++++++++++++++++++++++++++++++++ 1 file changed, 662 insertions(+) create mode 100644 parcel_slope_analyzer.html diff --git a/parcel_slope_analyzer.html b/parcel_slope_analyzer.html new file mode 100644 index 000000000..8eeef65ca --- /dev/null +++ b/parcel_slope_analyzer.html @@ -0,0 +1,662 @@ + + + + + + Parcel Slope Analyzer — Sevier County TN + + + + + +
+

Parcel Slope Analyzer

+

Sevier County, TN — ArcGIS parcel boundary + Mapbox Terrain-RGB elevation analysis

+
+ + +
+
+

Mapbox Access Token

+

Enter your Mapbox secret or public token to load the map and + query Terrain-RGB tiles. The token is stored in sessionStorage only — + never committed to git.

+ + +
+
+ +
+
+ +
+ + +
+
Target Parcel
+
+
+ Owner + Foust Roy E & Christine D +
+
+ Address + Loop Rd 633, Gatlinburg TN +
+
+ GISLINK + 078127P A 01800 +
+
+ ID + 127P A 018.00 +
+
+ Size + 2.46 acres +
+
+
+
+ + +
+
Analysis Results
+
+
+
--
+
Avg Slope (°)
+
+
+
--
+
Max Slope (°)
+
+
+
--
+
Min Elev (m)
+
+
+
--
+
Max Elev (m)
+
+
+
+ + +
+
Slope Heatmap Legend
+
+
+ 0°11°22°34°45°+ +
+
+ + +
+
Status
+
+
+ + +
+ +
+ +
+
+ + + + From 50172f319172a57d9400dc1c30dbbce7fd02bc74 Mon Sep 17 00:00:00 2001 From: catedm3112-cmyk Date: Sun, 3 May 2026 08:09:57 -0400 Subject: [PATCH 2/6] Use USGS 3DEP elevation and parcel-clipped slope bands --- parcel_slope_analyzer.html | 604 ++++++++++++++++--------------------- 1 file changed, 265 insertions(+), 339 deletions(-) diff --git a/parcel_slope_analyzer.html b/parcel_slope_analyzer.html index 8eeef65ca..e66d8bee8 100644 --- a/parcel_slope_analyzer.html +++ b/parcel_slope_analyzer.html @@ -3,33 +3,10 @@ - Parcel Slope Analyzer — Sevier County TN + Parcel Slope Analyzer - Sevier County TN -
-

Parcel Slope Analyzer

-

Sevier County, TN — ArcGIS parcel boundary + Mapbox Terrain-RGB elevation analysis

-
- +
-
-

Mapbox Access Token

-

Enter your Mapbox secret or public token to load the map and - query Terrain-RGB tiles. The token is stored in sessionStorage only — - never committed to git.

- - +
+ +
Parcel Slope Analyzer — Sevier County, TN
+
+ Use your Mapbox public token (pk.eyJ1…) only.
+ Secret tokens (sk.) must never be used in browser code. +
+ + + +
-
-
+ +
+
+
Click any parcel to analyze slope
+
+
+ +
Parcel Slope Analyzer · Sevier County TN
+
- -
-
Target Parcel
-
-
- Owner - Foust Roy E & Christine D -
-
- Address - Loop Rd 633, Gatlinburg TN -
-
- GISLINK - 078127P A 01800 -
-
- ID - 127P A 018.00 -
-
- Size - 2.46 acres +
+ + +
+
Selected Parcel
+
+
+ Click a parcel on the map + Zoom in to see parcel boundaries +
-
-
- -
-
Analysis Results
-
-
-
--
-
Avg Slope (°)
-
-
-
--
-
Max Slope (°)
-
-
-
--
-
Min Elev (m)
-
-
-
--
-
Max Elev (m)
-
+ + -
- -
-
Slope Heatmap Legend
-
-
- 0°11°22°34°45°+ + + -
- -
-
Status
-
-
+ + - -
- -
+ +
+
Status
+
+
-
-
+ +
+ Planning-grade screen only. Use true raster zonal statistics + for final slope determinations.

+ This tool is not a survey, engineering report, zoning determination, or + permit approval. +
+ +
+
+
From 878633f7ef0fa34c51e4de4b092e9d4a02d8975f Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 3 May 2026 13:44:43 +0000 Subject: [PATCH 4/6] Fix map not loading: defer initMap until after display:flex reflow MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit requestAnimationFrame double-wrap ensures Mapbox measures the #map container only after the browser has reflowed from display:none → flex. https://claude.ai/code/session_01A8hTZVRcXuDPbKeUYNByt5 --- parcel_slope_analyzer.html | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/parcel_slope_analyzer.html b/parcel_slope_analyzer.html index c346e2019..74523ad9f 100644 --- a/parcel_slope_analyzer.html +++ b/parcel_slope_analyzer.html @@ -67,7 +67,7 @@ /* ── App layout ────────────────────────────────────────────────────────── */ #app { display: none; height: 100vh; flex-direction: row; } - #map { flex: 1; } + #map { flex: 1; position: relative; } .sidebar { width: 310px; background: #161b22; @@ -228,9 +228,8 @@
-
-
Click any parcel to analyze slope
-
+
+
Click any parcel to analyze slope
@@ -364,7 +363,7 @@ function launchApp() { document.getElementById('token-overlay').style.display = 'none'; document.getElementById('app').style.display = 'flex'; - initMap(); + requestAnimationFrame(() => requestAnimationFrame(() => initMap())); } // ── Map initialisation ───────────────────────────────────────────────────────── From dd5c11c57257d16a913b2c73446cb8620794f941 Mon Sep 17 00:00:00 2001 From: catedm3112-cmyk Date: Sun, 3 May 2026 10:44:31 -0400 Subject: [PATCH 5/6] Polish layout: position:relative on #app, explicit height:100% on #map https://claude.ai/code/session_01A8hTZVRcXuDPbKeUYNByt5 --- parcel_slope_analyzer.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/parcel_slope_analyzer.html b/parcel_slope_analyzer.html index 74523ad9f..d926d0f92 100644 --- a/parcel_slope_analyzer.html +++ b/parcel_slope_analyzer.html @@ -65,9 +65,9 @@ .tk-session a { color: #58a6ff; cursor: pointer; } /* ── App layout ────────────────────────────────────────────────────────── */ - #app { display: none; height: 100vh; flex-direction: row; } + #app { display: none; height: 100vh; flex-direction: row; position: relative; } - #map { flex: 1; position: relative; } + #map { flex: 1; position: relative; height: 100%; } .sidebar { width: 310px; background: #161b22; From a6694b89f21c3ff0d6596a5fa7ead42fd7b66a07 Mon Sep 17 00:00:00 2001 From: catedm3112-cmyk Date: Sun, 3 May 2026 10:54:45 -0400 Subject: [PATCH 6/6] Increase ArcGIS query timeout from 10s to 25s The parcel FeatureServer was aborting on first cold request. https://claude.ai/code/session_01A8hTZVRcXuDPbKeUYNByt5 --- parcel_slope_analyzer.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/parcel_slope_analyzer.html b/parcel_slope_analyzer.html index d926d0f92..bdc464033 100644 --- a/parcel_slope_analyzer.html +++ b/parcel_slope_analyzer.html @@ -497,7 +497,7 @@ // ── ArcGIS helpers ───────────────────────────────────────────────────────────── async function arcgisQuery(url, params) { const p = new URLSearchParams(params); - const res = await fetch(`${url}/query?${p}`, { signal: AbortSignal.timeout(10000) }); + const res = await fetch(`${url}/query?${p}`, { signal: AbortSignal.timeout(25000) }); if (!res.ok) throw new Error(`ArcGIS HTTP ${res.status}`); const data = await res.json(); if (data.error) throw new Error(data.error.message || JSON.stringify(data.error));