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

Add bounds event on zoom and move

Browse Source 
to close #178
This commit is contained in:
Dave Conway-Jones 2021-10-22 17:45:35 +01:00
parent fef76473c3
commit 8cdd679e18
No known key found for this signature in database
GPG Key ID: 88BA2B8A411BE9FF
5 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -1,5 +1,6 @@
### Change Log for Node-RED Worldmap ### Change Log for Node-RED Worldmap
- v2.18.0 - Add bounds event onzoom or drag.
- v2.17.3 - Yet more better feedback on clicks, moves. - v2.17.3 - Yet more better feedback on clicks, moves.
- v2.17.2 - Add smallplane icon. - v2.17.2 - Add smallplane icon.
- v2.17.1 - More complete feedback on click, better popup image sizing. - v2.17.1 - More complete feedback on click, better popup image sizing.

2
README.md
View File

@ -11,6 +11,7 @@ map web page for plotting "things" on.
### Updates ### Updates
- v2.18.0 - Add bounds event onzoom or drag.
- v2.17.3 - Yet more better feedback on clicks, moves. - v2.17.3 - Yet more better feedback on clicks, moves.
- v2.17.2 - Add smallplane icon. - v2.17.2 - Add smallplane icon.
- v2.17.1 - More complete feedback on click, better popup image sizing. - v2.17.1 - More complete feedback on click, better popup image sizing.
@ -334,6 +335,7 @@ The **worldmap in** node can be used to receive various events from the map. Exa
{ "action": "connected" } // useful to trigger delivery or redraw of points { "action": "connected" } // useful to trigger delivery or redraw of points
{ "action": "disconnect", "clients": 1 } // when a client disconnects - reports number remaining { "action": "disconnect", "clients": 1 } // when a client disconnects - reports number remaining
{"action":"bounds", "south":50.55, "west":-1.48, "north":50.72, "east":-0.98} // reports the outer bounds of the hmap area when zoomed or moved
{ "action": "click", "name":"Jason", "layer":"gps", "icon":"male", "iconColor":"blue", "lat":51.024985, "lon":-1.39698 } // when a marker is clicked { "action": "click", "name":"Jason", "layer":"gps", "icon":"male", "iconColor":"blue", "lat":51.024985, "lon":-1.39698 } // when a marker is clicked
{ "action": "move", "name":"Jason", "layer":"gps", "icon":"male", "iconColor":"blue", "lat":51.044632, "lon":-1.359901 } // when a marker is moved { "action": "move", "name":"Jason", "layer":"gps", "icon":"male", "iconColor":"blue", "lat":51.044632, "lon":-1.359901 } // when a marker is moved

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "node-red-contrib-web-worldmap", "name": "node-red-contrib-web-worldmap",
"version": "2.17.3", "version": "2.18.0",
"description": "A Node-RED node to provide a web page of a world map for plotting things on.", "description": "A Node-RED node to provide a web page of a world map for plotting things on.",
"dependencies": { "dependencies": {
"cgi": "0.3.1", "cgi": "0.3.1",

1
worldmap/leaflet/sockjs.min.js.map Normal file
View File

File diff suppressed because one or more lines are too long

4
worldmap/worldmap.js
View File

@ -655,9 +655,13 @@ function showMapCurrentZoom() {
map.on('zoomend', function() { map.on('zoomend', function() {
showMapCurrentZoom(); showMapCurrentZoom();
window.localStorage.setItem("lastzoom", map.getZoom()); window.localStorage.setItem("lastzoom", map.getZoom());
var b = map.getBounds();
ws.send(JSON.stringify({action:"bounds", south:b._southWest.lat, west:b._southWest.lng, north:b._northEast.lat, east:b._northEast.lng }));
}); });
map.on('moveend', function() { map.on('moveend', function() {
window.localStorage.setItem("lastpos",JSON.stringify(map.getCenter())); window.localStorage.setItem("lastpos",JSON.stringify(map.getCenter()));
var b = map.getBounds();
ws.send(JSON.stringify({action:"bounds", south:b._southWest.lat, west:b._southWest.lng, north:b._northEast.lat, east:b._northEast.lng }));
}); });
//map.on('contextmenu', function(e) { //map.on('contextmenu', function(e) {