dmxm/node-red-contrib-jwht-map
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

optional ruler (#206)

Browse Source
This commit is contained in:
Zafrir Ron 2022-09-23 15:41:24 +03:00 committed by GitHub
parent 027e459182
commit 6f28ffc91e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 585 additions and 557 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
worldmap.html
View File

@ -93,6 +93,13 @@
<option value="true">Visible</option> <option value="true">Visible</option>
</select> </select>
</div> </div>
<div class="form-row">
<label for="node-input-showruler"><i class="fa fa-window-minimize"></i> Ruler</label>
<select id="node-input-showruler" style="width:101px;">
<option value="false">Not shown</option>
<option value="true">Visible</option>
</select>
</div>
<div class="form-row"> <div class="form-row">
<label for="node-input-path"><i class="fa fa-globe"></i> Web Path</label> <label for="node-input-path"><i class="fa fa-globe"></i> Web Path</label>
<input type="text" id="node-input-path" placeholder="worldmap" style="width:30%;"> <input type="text" id="node-input-path" placeholder="worldmap" style="width:30%;">
@ -252,6 +259,13 @@ If <i>Web Path</i> is left empty, then by default <code>⌘⇧m</code> - <code>c
<option value="true">Visible</option> <option value="true">Visible</option>
</select> </select>
</div> </div>
<div class="form-row">
<label for="node-input-showruler"><i class="fa fa-window-minimize"></i> Ruler</label>
<select id="node-input-showruler" style="width:101px;">
<option value="false">Not shown</option>
<option value="true">Visible</option>
</select>
</div>
<div class="form-row"> <div class="form-row">
<label for="node-input-path"><i class="fa fa-globe"></i> Web Path</label> <label for="node-input-path"><i class="fa fa-globe"></i> Web Path</label>
<input type="text" id="node-input-path" placeholder="worldmap" style="width:30%;"> <input type="text" id="node-input-path" placeholder="worldmap" style="width:30%;">
@ -364,6 +378,7 @@ If <i>Web Path</i> is left empty, then by default <code>⌘⇧m</code> - <code>c
hiderightclick: {value:"false"}, hiderightclick: {value:"false"},
coords: {value:"false"}, coords: {value:"false"},
showgrid: {value:"false"}, showgrid: {value:"false"},
showruler: {value:"false"},
allowFileDrop: {value:"false"}, allowFileDrop: {value:"false"},
path: {value:"/worldmap"}, path: {value:"/worldmap"},
overlist: {value:"DR,CO,RA,DN,HM"}, overlist: {value:"DR,CO,RA,DN,HM"},
@ -477,6 +492,7 @@ If <i>Web Path</i> is left empty, then by default <code>⌘⇧m</code> - <code>c
hiderightclick: {value:"true"}, hiderightclick: {value:"true"},
coords: {value:"false"}, coords: {value:"false"},
showgrid: {value:"false"}, showgrid: {value:"false"},
showruler: {value:"false"},
allowFileDrop: {value:"false"}, allowFileDrop: {value:"false"},
path: {value:"/worldmap"}, path: {value:"/worldmap"},
overlist: {value:"DR,CO,RA,DN,HM"}, overlist: {value:"DR,CO,RA,DN,HM"},

1104
worldmap.js
View File

File diff suppressed because it is too large Load Diff

22
worldmap/worldmap.js
View File

@ -337,10 +337,7 @@ else {
// map.locate({setView:true, maxZoom:16}); // map.locate({setView:true, maxZoom:16});
// }, "Locate me").addTo(map); // }, "Locate me").addTo(map);
// Add the measure/ruler button // Create the clear heatmap button
rulerButton.addTo(map);
// Create the clear heatmap button
var clrHeat = L.easyButton( 'fa-eraser', function() { var clrHeat = L.easyButton( 'fa-eraser', function() {
console.log("Reset heatmap"); console.log("Reset heatmap");
heat.setLatLngs([]); heat.setLatLngs([]);
@ -360,6 +357,7 @@ document.getElementById('menu').innerHTML = helpMenu;
// Add graticule // Add graticule
var showGrid = false; var showGrid = false;
var showRuler = false;
var Lgrid = L.latlngGraticule({ var Lgrid = L.latlngGraticule({
font: "Verdana", font: "Verdana",
fontColor: "#666", fontColor: "#666",
@ -2170,8 +2168,8 @@ function doCommand(cmd) {
if ((cmd.grid.showgrid == "false" || cmd.grid.showgrid == false ) && showGrid) { changed = true; } if ((cmd.grid.showgrid == "false" || cmd.grid.showgrid == false ) && showGrid) { changed = true; }
if (changed) { if (changed) {
showGrid = !showGrid; showGrid = !showGrid;
if (showGrid) { Lgrid.addTo(map); rulerButton.addTo(map); } if (showGrid) { Lgrid.addTo(map);}
else { Lgrid.removeFrom(map); rulerButton.remove(); } else { Lgrid.removeFrom(map);}
} }
} }
if (cmd.grid.hasOwnProperty("opt")) { if (cmd.grid.hasOwnProperty("opt")) {
@ -2182,6 +2180,18 @@ function doCommand(cmd) {
} }
} }
} }
if (cmd.hasOwnProperty("ruler")) {
if (cmd.ruler.hasOwnProperty("showruler")) {
var changed = false;
if ((cmd.ruler.showruler == "true" || cmd.ruler.showruler == true ) && !showRuler) { changed = true; }
if ((cmd.ruler.showruler == "false" || cmd.ruler.showruler == false ) && showRuler) { changed = true; }
if (changed) {
showRuler = !showRuler;
if (showRuler) { rulerButton.addTo(map); }
else { rulerButton.remove(); }
}
}
}
if (cmd.hasOwnProperty("button")) { if (cmd.hasOwnProperty("button")) {
if (!Array.isArray(cmd.button)) { cmd.button = [cmd.button]; } if (!Array.isArray(cmd.button)) { cmd.button = [cmd.button]; }
cmd.button.forEach(function(b) { cmd.button.forEach(function(b) {