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

add line and area fit to readme

Browse Source
This commit is contained in:
Dave Conway-Jones 2021-12-21 15:44:56 +00:00
parent cbbd0bd0cb
commit fac1876000
No known key found for this signature in database
GPG Key ID: 88BA2B8A411BE9FF
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@ -127,6 +127,7 @@ then rather than draw a point and icon it draws the polygon. If the "area" array
elements, then it assumes this is a bounding box for a rectangle and draws a rectangle. elements, then it assumes this is a bounding box for a rectangle and draws a rectangle.
Likewise if it contains a **line** property it will draw the polyline. Likewise if it contains a **line** property it will draw the polyline.
If the payload also includes a property `fit:true` the map will zoom to fit the line or area.
There are extra optional properties you can specify - see Options below. There are extra optional properties you can specify - see Options below.
@ -230,14 +231,15 @@ Areas, Rectangles, Lines, Circles and Ellipses can also specify more optional pr
- **layer** : declares which layer you put it on. - **layer** : declares which layer you put it on.
- **color** : can set the colour of the polygon or line. - **color** : can set the colour of the polygon or line.
- **opacity** : the opacity of the line or outline.
- **fillColor** : can set the fill colour of the polygon. - **fillColor** : can set the fill colour of the polygon.
- **fillOpacity** : can set the opacity of the polygon fill colour. - **fillOpacity** : can set the opacity of the polygon fill colour.
- **dashArray** : optional dash array for polyline. - **dashArray** : optional dash array for polyline.
- **clickable** : boolean - set to true to allow click to show popup. - **clickable** : boolean - set to true to allow click to show popup.
- **popup** : html string to display in popup (as well as name). - **popup** : html string to display in popup (as well as name).
- **editable** : boolean - set to true to allow simple edit/delete right click contextmenu - **editable** : boolean - set to true to allow simple edit/delete right click contextmenu.
- **contextmenu** : html string to display a more complex right click contextmenu - **contextmenu** : html string to display a more complex right click contextmenu.
- **weight** : the width of the line (or outline) - **weight** : the width of the line or outline.
Other properties can be found in the leaflet documentation. Other properties can be found in the leaflet documentation.

3
worldmap/worldmap.js
View File

@ -1428,6 +1428,9 @@ function setMarker(data) {
if (!data.hasOwnProperty("opacity")) { opt.opacity = 0.8; } if (!data.hasOwnProperty("opacity")) { opt.opacity = 0.8; }
var polyln = L.polyline(data.line, opt); var polyln = L.polyline(data.line, opt);
polygons[data.name] = rightmenu(polyln); polygons[data.name] = rightmenu(polyln);
if (data.hasOwnProperty("fit") && data.fit === true) {
map.fitBounds(polygons[data.name].getBounds(),{padding:[50,50]})
}
} }
else if (data.hasOwnProperty("area") && Array.isArray(data.area)) { else if (data.hasOwnProperty("area") && Array.isArray(data.area)) {
var polyarea; var polyarea;