0
J'utilise reag-leaflet et je veux une icône de marqueur personnalisée. React-leaflet peut prendre un objet Leaflet.Icon pour afficher une icône de marqueur personnalisé. Donc, j'ai installé NPM dépliant, et ajouté import { L } from 'leaflet';.L'icône du marqueur personnalisé ne fonctionne pas
J'ai ensuite ajouté:
const FPIcon = L.Icon.extend({
options: {
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76]
}
});
const purpleIcon = new FPIcon({
iconUrl: '%PUBLIC_URL%/markers/Bar-Marker.png'
});
à ma méthode render.
Mais je continue d'obtenir l'erreur suivante Cannot read property 'Icon' of undefined.
Pour obtenir une icône de marqueur personnalisé, j'ai aussi essayé ce qui suit:
const purpleIcon = L.icon({
iconUrl: '%PUBLIC_URL%/markers/Bar-Marker.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76]
});
mais encore une fois obtenu une erreur Cannot read property 'icon' of undefined.
Des idées sur ce que je fais mal?
Dans le second exemple le support ne sont pas fermées correctement, retirez '}' à la fin. Et que se passe-t-il si vous utilisez une URL comme https://unpkg.com/[email protected]/dist/images/marker-icon.png? – Baptiste
Bon endroit, même si je n'avais pas ce support de voyous quand je l'ai essayé, je viens d'essayer avec l'URL ci-dessus et cela ne fait aucune différence :( – JL9
Et si vous 'console.log (purpleIcon)'? – Baptiste