will/the-villages-import
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Get web server going

Browse Source
This commit is contained in:
Will Bradley
2025-12-04 05:23:33 -08:00
parent 6f5cf83a56
commit 2254d293a0
14 changed files with 1916 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/index.html
+46 -11
View File
@@ -50,6 +50,25 @@
font-size: 13px;
}
.layer-item {
display: flex;
align-items: center;
margin: 8px 0;
padding: 5px;
background: #f8f9fa;
border-radius: 4px;
cursor: move;
font-size: 13px;
}
.layer-item.dragging {
opacity: 0.5;
}
.layer-item input[type="checkbox"] {
margin-right: 8px;
}
.controls input[type="checkbox"] {
margin-right: 8px;
}
@@ -132,29 +151,45 @@
<div id="map"></div>
<div class="controls">
<h3>Layer Controls</h3>
<h3>Layer Controls (top to bottom)</h3>
<div id="layerList">
<div class="layer-item" draggable="true" data-layer="diff">
<input type="checkbox" id="diffToggle" checked>
<span>Diff Layer</span>
</div>
<div class="layer-item" draggable="true" data-layer="osm">
<input type="checkbox" id="osmToggle" checked>
<span>OSM Roads (Gray)</span>
</div>
<div class="layer-item" draggable="true" data-layer="county">
<input type="checkbox" id="countyToggle">
<span>County Layer (Purple)</span>
</div>
</div>
<h3 style="margin-top: 15px;">Diff Filters</h3>
<label>
<input type="checkbox" id="osmToggle" checked>
OSM Roads (Brown)
<input type="checkbox" id="showAdded" checked>
Show Added (Green)
</label>
<label>
<input type="checkbox" id="diffToggle" checked>
Diff Layer
<input type="checkbox" id="showRemoved" checked>
Show Removed (Red)
</label>
<label>
<input type="checkbox" id="countyToggle">
County Layer (Purple)
<input type="checkbox" id="hideService">
Hide highway=service
</label>
<h3 style="margin-top: 15px;">Load Files</h3>
<div class="file-input-group">
<label for="osmFile">OSM File:</label>
<input type="file" id="osmFile" accept=".geojson,.json">
</div>
<div class="file-input-group">
<label for="diffFile">Diff File:</label>
<input type="file" id="diffFile" accept=".geojson,.json">
</div>
<div class="file-input-group">
<label for="osmFile">OSM File:</label>
<input type="file" id="osmFile" accept=".geojson,.json">
</div>
<div class="file-input-group">
<label for="countyFile">County File:</label>
<input type="file" id="countyFile" accept=".geojson,.json">