How to use the vue2-leaflet.L.Icon function in vue2-leaflet
To help you get started, we’ve selected a few vue2-leaflet examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
pulilab / vue-people / frontend / plugins / vue-leaflet.js View on Github 
import Vue from 'vue';
import {LMap, LTileLayer, LMarker, LTooltip, LLayerGroup, LControlZoom, L, LControlAttribution} from 'vue2-leaflet';
import CustomMarkerCluster from '@/components/CustomMarkerCluster';
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')
});
Vue.component('l-map', LMap);
Vue.component('l-tilelayer', LTileLayer);
Vue.component('l-marker', LMarker);
Vue.component('l-tooltip', LTooltip);
Vue.component('l-layer-group', LLayerGroup);
Vue.component('l-control-zoom', LControlZoom);
Vue.component('l-control-attribution', LControlAttribution);
Vue.component('custom-marker-cluster', CustomMarkerCluster);import Vue from 'vue';
import {LMap, LTileLayer, LMarker, LTooltip, LLayerGroup, LControlZoom, L, LControlAttribution} from 'vue2-leaflet';
import CustomMarkerCluster from '@/components/CustomMarkerCluster';
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')
});
Vue.component('l-map', LMap);
Vue.component('l-tilelayer', LTileLayer);
Vue.component('l-marker', LMarker);
Vue.component('l-tooltip', LTooltip);
Vue.component('l-layer-group', LLayerGroup);
Vue.component('l-control-zoom', LControlZoom);
Vue.component('l-control-attribution', LControlAttribution);
Vue.component('custom-marker-cluster', CustomMarkerCluster);
