Marker fix so markers are visible. Code by azurelogic

Marker fix for Leaflet in Vue.js, code by azurelogic (2017) vue-leaflet/Vue2Leaflet#96 [Accessed 2021-04-25] This code is needed so the URL for the markers are retrieved from the right location.
a18jimol · Apr 25, 2021 · fede7fa · fede7fa
1 parent 774bf29
commit fede7fa
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/vue/src/main.js b/vue/src/main.js
@@ -1,7 +1,14 @@
 import Vue from 'vue'
 import App from './App.vue'
 
+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')
+});
 
 Vue.config.productionTip = false