ztimson/map-alliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 1 Activity

Made measurement lines thicker to make them easier to select

Browse Source
This commit is contained in:
Zakary Timson
2019-08-24 20:51:53 -04:00
parent 16220ec65a
commit 52e9c2b0c5
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/services/map.service.ts
View File

@@ -132,10 +132,10 @@ export class MapService {
} }
newMeasurement(latlng1: LatLng, latlng2: LatLng) { newMeasurement(latlng1: LatLng, latlng2: LatLng) {
let line = L.polyline([latlng1, latlng2], {color: '#ff4141', weight: 5}); let line = L.polyline([latlng1, latlng2], {color: '#ff4141', weight: 10});
let decoration = L.polylineDecorator(line, {patterns: [ let decoration = L.polylineDecorator(line, {patterns: [
{offset: '100%', repeat: 0, symbol: L.Symbol.arrowHead({pixelSize: 15, polygon: false, headAngle: 180, pathOptions: {color: '#ff4141', stroke: true}})}, {offset: '100%', repeat: 0, symbol: L.Symbol.arrowHead({pixelSize: 15, polygon: false, headAngle: 180, pathOptions: {color: '#ff4141', weight: 10, stroke: true}})},
{offset: '-100%', repeat: 0, symbol: L.Symbol.arrowHead({pixelSize: 15, polygon: false, headAngle: 180, pathOptions: {color: '#ff4141', stroke: true}})} {offset: '-100%', repeat: 0, symbol: L.Symbol.arrowHead({pixelSize: 15, polygon: false, headAngle: 180, pathOptions: {color: '#ff4141', weight: 10, stroke: true}})}
]}); ]});
this.measurements.push({line: line, decoration: decoration}); this.measurements.push({line: line, decoration: decoration});
let distance = distanceInM(latlng1.lat, latlng1.lng, latlng2.lat, latlng2.lng); let distance = distanceInM(latlng1.lat, latlng1.lng, latlng2.lat, latlng2.lng);