Coloring of airports
This commit is contained in:
parent
237e1e430f
commit
6518a33299
@ -17,7 +17,8 @@
|
|||||||
:key="index"
|
:key="index"
|
||||||
:lat-lng="[item.geometry.coordinates[1], item.geometry.coordinates[0]]"
|
:lat-lng="[item.geometry.coordinates[1], item.geometry.coordinates[0]]"
|
||||||
:radius="((item.properties.flights+5)*20)"
|
:radius="((item.properties.flights+5)*20)"
|
||||||
:color="item.properties.color"
|
:color='item.color'
|
||||||
|
@add="addEvent($event, item)"
|
||||||
@click="onClick(item)"
|
@click="onClick(item)"
|
||||||
></l-circle>
|
></l-circle>
|
||||||
</l-layer-group>
|
</l-layer-group>
|
||||||
@ -54,7 +55,7 @@
|
|||||||
let airportsToLoad = this.$store.state.Airports.airports
|
let airportsToLoad = this.$store.state.Airports.airports
|
||||||
.filter(feature => this.visible(feature))
|
.filter(feature => this.visible(feature))
|
||||||
.map(feature => feature.properties.icao)
|
.map(feature => feature.properties.icao)
|
||||||
if (airportsToLoad.length > 0 && airportsToLoad[0] !== this.editingAirport) {
|
if (airportsToLoad.length > 0 && airportsToLoad[0] !== this.editingAirport && this.zoom > 12) {
|
||||||
this.$refs.editLayer.load(airportsToLoad[0])
|
this.$refs.editLayer.load(airportsToLoad[0])
|
||||||
this.$refs.pavementLayer.load(airportsToLoad[0])
|
this.$refs.pavementLayer.load(airportsToLoad[0])
|
||||||
this.editingAirport = airportsToLoad[0]
|
this.editingAirport = airportsToLoad[0]
|
||||||
@ -62,6 +63,9 @@
|
|||||||
// console.log(this.groundnet)
|
// console.log(this.groundnet)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
this.$refs.airportLayer.on('add', function (event) {
|
||||||
|
console.log('Add vertex ', event)
|
||||||
|
})
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
@ -82,6 +86,17 @@
|
|||||||
bounds.getSouthWest().lng < Number(coordinates[0])
|
bounds.getSouthWest().lng < Number(coordinates[0])
|
||||||
return ret && ret2
|
return ret && ret2
|
||||||
},
|
},
|
||||||
|
color (item) {
|
||||||
|
console.log(item)
|
||||||
|
},
|
||||||
|
addEvent (event, item) {
|
||||||
|
console.log(event, item)
|
||||||
|
if (item.properties.groundnet === 0) {
|
||||||
|
event.target.setStyle({color: 'red', fillcolor: 'red'})
|
||||||
|
} else if ((item.properties.flights / item.properties.parking) > 10) {
|
||||||
|
event.target.setStyle({color: 'yellow', fillcolor: 'yellow'})
|
||||||
|
}
|
||||||
|
},
|
||||||
onClick (item) {
|
onClick (item) {
|
||||||
console.log(item)
|
console.log(item)
|
||||||
this.$store.commit('SET_EDIT_AIRPORT', item)
|
this.$store.commit('SET_EDIT_AIRPORT', item)
|
||||||
|
Loading…
Reference in New Issue
Block a user