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

improve snapping issues

Browse Source
This commit is contained in:
zyphlar
2026-07-25 11:23:15 -07:00
parent cc925fd345
commit 1e50d38927
3 changed files with 201 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/templates/map.html
+33 -23
View File
@@ -30,37 +30,37 @@
right: 10px;
z-index: 1000;
background: white;
padding: 15px;
padding: 10px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
min-width: 200px;
min-width: 175px;
max-height: calc(100vh - 20px);
overflow-y: auto;
}
.controls h3 {
margin: 0 0 10px 0;
font-size: 14px;
margin: 0 0 6px 0;
font-size: 12px;
color: #333;
}
.controls label {
display: flex;
align-items: center;
margin: 8px 0;
margin: 4px 0;
cursor: pointer;
font-size: 13px;
font-size: 11px;
}
.layer-item {
display: flex;
align-items: center;
margin: 8px 0;
padding: 5px;
margin: 4px 0;
padding: 3px 5px;
background: #f8f9fa;
border-radius: 4px;
cursor: move;
font-size: 13px;
font-size: 11px;
}
.layer-item.dragging {
@@ -77,14 +77,14 @@
.controls button {
width: 100%;
padding: 10px;
margin-top: 10px;
padding: 7px;
margin-top: 7px;
background: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
font-size: 12px;
font-weight: 500;
}
@@ -98,10 +98,10 @@
}
.status {
margin-top: 10px;
padding: 8px;
margin-top: 7px;
padding: 6px;
border-radius: 4px;
font-size: 12px;
font-size: 11px;
text-align: center;
}
@@ -120,8 +120,8 @@
}
.file-input-group {
margin-bottom: 15px;
padding-bottom: 15px;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
}
@@ -131,7 +131,7 @@
.file-input-group label {
display: block;
margin-bottom: 5px;
margin-bottom: 3px;
font-weight: 500;
}
@@ -139,7 +139,7 @@
.file-input-group select {
width: 100%;
font-size: 11px;
padding: 5px;
padding: 3px;
border: 1px solid #ccc;
border-radius: 4px;
}
@@ -302,7 +302,7 @@
</div>
</div>
<h3 style="margin-top: 15px;">Diff Filters</h3>
<h3 style="margin-top: 10px;">Diff Filters</h3>
<label>
<input type="checkbox" id="showAdded" checked>
Show Added (Green)
@@ -319,16 +319,26 @@
<input type="checkbox" id="hideUnclassified">
Hide unclassified
</label>
<label>
<input type="checkbox" id="showSnapPreview" checked>
Show snap preview
</label>
<label>
Snap distance:
<input type="number" id="snapDistance" value="10" min="1" max="500" step="1"
style="width:42px;margin:0 3px;padding:1px 3px;border:1px solid #ccc;border-radius:3px;font-size:11px;">
m
</label>
<h3 style="margin-top: 15px;">Selection Mode</h3>
<h3 style="margin-top: 10px;">Selection Mode</h3>
<button id="multiSelectToggle" style="width: 100%; padding: 8px; background: #6c757d; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 13px;">
Multi-Select: OFF
</button>
<div style="margin-top: 8px; padding: 8px; background: #e7f3ff; border-radius: 4px; font-size: 11px; color: #004085;">
<div style="margin-top: 5px; padding: 5px; background: #e7f3ff; border-radius: 4px; font-size: 10px; color: #004085;">
<strong>Tip:</strong> Enable multi-select or hold Shift to select multiple features by clicking or dragging a box
</div>
<h3 style="margin-top: 15px;">Load Data</h3>
<h3 style="margin-top: 10px;">Load Data</h3>
<div class="file-input-group">
<label for="countySelect">County:</label>
<select id="countySelect">