Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
primary: '#1565c0',
secondary: '#b0bec5',
accent: '#8c9eff',
error: '#b71c1c'
}
})
Vue.use(VueMoment)
Vue.use(VueClipboards)
Vue.use(VueHighlightJS)
Vue.use(VueFlatPickr)
Vue.use(Tree)
// Vue.use(VeeValidate)
Vue.component('v-map', Vue2Leaflet.Map)
Vue.component('v-tilelayer', Vue2Leaflet.TileLayer)
Vue.component('v-marker', Vue2Leaflet.Marker)
// BEGIN HACK to get around problems with Leaflet issues.
import L from 'leaflet'
delete L.Icon.Default.prototype._getIconUrl
L.Icon.Default.mergeOptions({
iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
iconUrl: require('leaflet/dist/images/marker-icon.png'),
shadowUrl: require('leaflet/dist/images/marker-shadow.png')
})
customize(L.Draw.Polyline.prototype)
customize(L.Edit.PolyVerticesEdit.prototype)
function customize (prototype) {
import 'leaflet.awesome-markers/dist/leaflet.awesome-markers.js'
// fix default marker icon. Should hopefully get fixed in Leaflet 1.3
// https://github.com/Leaflet/Leaflet/issues/4968
delete L.Icon.Default.prototype._getIconUrl
L.Icon.Default.mergeOptions({
iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
iconUrl: require('leaflet/dist/images/marker-icon.png'),
shadowUrl: require('leaflet/dist/images/marker-shadow.png'),
})
export default {
components: {
'v-map': Vue2Leaflet.Map,
'v-tilelayer': Vue2Leaflet.TileLayer,
'v-marker': Vue2Leaflet.Marker,
'v-popup': Vue2Leaflet.Popup,
},
data () {
return {
zoom: 13,
center: L.latLng(49.9105778076202, 8.65834236145019),
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
}
},
props: {
users: { required: false, default: () => [] },
stores: { required: false, default: () => [] },
showUsers: { required: false, default: true },
showStores: { required: false, default: true },
},