FGFS-4.1/flightgear-airports-old
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update tooltip in box select

Browse Source
This commit is contained in:
portree_kid 2020-08-06 22:45:21 +02:00
parent dc480ad25d
commit 54fc153feb
1 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/renderer/components/ToolLayer.vue
View File

@ -56,7 +56,11 @@ You should have received a copy of the GNU General Public License along with FG
},
drawPolyline () {
var polyLine = this.$parent.mapObject.editTools.startPolygon(undefined, {color: 'green'})
var layerGroup = this.toolLayerGroup;
polyLine.addTo(this.toolLayerGroup)
polyLine.on('editable:drawing:click', event => {
//polyLine.removeFrom(layerGroup);
});
polyLine.on('editable:drawing:end', event => {
console.debug(event)
var latLngs = event.target.getLatLngs()[0].map( latLng => ([latLng.lat, latLng.lng]));
@ -76,20 +80,39 @@ You should have received a copy of the GNU General Public License along with FG
angleLongest = angle;
}
}
});
var point1 = turf.point([-75.343, 39.984]);
var point2 = turf.point([-75.534, 39.123]);
var bearing = turf.bearing(point1, point2);
console.log(bearing);
});
event.target.bindTooltip(angleLongest.toFixed(2) + '°', {permanent: true})
var ring = [latLngs];
this.$emit('select-poly', ring);
})
polyLine.on('editable:vertex:dragend', event => {
console.debug(event)
var latLngs = event.target.getLatLngs()[0].map( latLng => ([latLng.lat, latLng.lng]));
// turf rings must start/end with the same point
latLngs.push(latLngs[0]);
var longest = 0;
var angleLongest = 0;
latLngs.forEach((item, index, arr) => {
if (index > 0) {
var angle = turf.bearing(turf.point([arr[index-1][1], arr[index-1][0]]), turf.point([arr[index][1], arr[index][0]])) + 180;
var dist = turf.distance( turf.point(arr[index-1]), turf.point(arr[index]));
if (dist>longest) {
longest = dist;
angleLongest = angle;
}
}
});
event.target.setTooltipContent(angleLongest.toFixed(2) + '°')
var ring = [latLngs];
this.$emit('select-poly', ring);
})
},