mirror of
https://bitbucket.org/s_l_teichmann/mtsatellite
synced 2025-07-01 07:30:46 +02:00
Switched to vue-leaflet implementation for web client.
This commit is contained in:
12
cmd/mtwebmapper/client/src/plugins/leaflet.js
Normal file
12
cmd/mtwebmapper/client/src/plugins/leaflet.js
Normal file
@ -0,0 +1,12 @@
|
||||
import Vue from 'vue';
|
||||
import { LMap, LTileLayer, LMarker, LPopup } from 'vue2-leaflet';
|
||||
import Vue2LeafletMarkerCluster from 'vue2-leaflet-markercluster'
|
||||
import 'leaflet/dist/leaflet.css';
|
||||
import "leaflet.markercluster/dist/MarkerCluster.css";
|
||||
import "leaflet.markercluster/dist/MarkerCluster.Default.css";
|
||||
|
||||
Vue.component('l-map', LMap);
|
||||
Vue.component('l-tile-layer', LTileLayer);
|
||||
Vue.component('l-marker', LMarker);
|
||||
Vue.component('l-popup', LPopup);
|
||||
Vue.component('l-marker-cluster', Vue2LeafletMarkerCluster);
|
27
cmd/mtwebmapper/client/src/plugins/vuetify.js
Normal file
27
cmd/mtwebmapper/client/src/plugins/vuetify.js
Normal file
@ -0,0 +1,27 @@
|
||||
import Vue from 'vue';
|
||||
import Vuetify from 'vuetify';
|
||||
import 'vuetify/dist/vuetify.min.css';
|
||||
import colors from 'vuetify/es5/util/colors'
|
||||
import '@fortawesome/fontawesome-free/css/all.css'
|
||||
|
||||
Vue.use(Vuetify);
|
||||
|
||||
export default new Vuetify({
|
||||
icons: {
|
||||
iconfont: 'fa',
|
||||
},
|
||||
theme: {
|
||||
dark: true,
|
||||
themes: {
|
||||
dark: {
|
||||
primary: colors.blue.darken2,
|
||||
accent: colors.grey.darken3,
|
||||
secondary: colors.amber.darken3,
|
||||
info: colors.teal.lighten1,
|
||||
warning: colors.amber.base,
|
||||
error: colors.deepOrange.accent4,
|
||||
success: colors.green.accent3,
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
Reference in New Issue
Block a user