Unverified Commit 1e81f8dd authored by Nicolò Maria Mezzopera's avatar Nicolò Maria Mezzopera Committed by GitHub
Browse files

Merge pull request #58 from vue-leaflet/fix-icon-require-import 

fix: import icons with dynamic import and not require
parents 5c836b3c 257903c0

src/components/LMap.vue

+1 −1
Original line number Diff line number Diff line
@@ -213,7 +213,7 @@ export default { 
        DomEvent,

        setOptions,

      } = await import("leaflet/dist/leaflet-src.esm");

      resetWebpackIcon(Icon);

      await resetWebpackIcon(Icon);

      options.crs = options.crs || CRS.EPSG3857;



      const methods = {

src/utils.js

+10 −4
Original line number Diff line number Diff line
@@ -65,13 +65,19 @@ export const remapEvents = (contextAttrs) => { 
  return result;

};



export const resetWebpackIcon = (Icon) => {

export const resetWebpackIcon = async (Icon) => {

  const modules = await Promise.all([

    import("leaflet/dist/images/marker-icon-2x.png"),

    import("leaflet/dist/images/marker-icon.png"),

    import("leaflet/dist/images/marker-shadow.png"),

  ]);



  delete Icon.Default.prototype._getIconUrl;



  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"),

    iconRetinaUrl: modules[0].default,

    iconUrl: modules[1].default,

    shadowUrl: modules[2].default,

  });

};