-
Notifications
You must be signed in to change notification settings - Fork 147
/
GeolocateControl.vue
executable file
·65 lines (58 loc) · 1.34 KB
/
GeolocateControl.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<template></template>
<script>
import baseMixin from '../../lib/mixin'
import controlMixin from '../../lib/controlMixin'
export default {
name: 'GeolocateControl',
mixins: [baseMixin, controlMixin],
props: {
position: {
type: String,
default: 'top-right'
},
positionOptions: {
type: Object,
default() {
return {
enableHighAccuracy: false,
timeout: 6000
}
}
},
trackUserLocation: {
type: Boolean,
default: false
},
showUserLocation: {
type: Boolean,
default: true
},
fitBoundsOptions: {
type: Object,
default: () => ({ maxZoom: 15 })
}
},
data() {
return {
control: undefined
}
},
created() {
this.control = new this.mapbox.GeolocateControl(this._props)
this.control.on('error', err => {
this.$emit('geolocate-error', err)
})
this.control.on('geolocate', position => {
this.$emit('geolocate-error', position)
})
},
methods: {
$_deferredMount(payload) {
this.map = payload.map
this.map.addControl(this.control)
this.$emit('added', this.control)
payload.component.$off('load', this.$_deferredMount)
}
}
}
</script>