javascript - 有没有办法在运行时将修改后的 SVG 设置为 leafletjs 中的自定义图标？

Question

我正在使用 leaflet js 并想为具有不同 Angular 标记设置我的自定义图标。有没有办法在运行时这样做？以前，我尝试过“react-Samy-SVG”，但这没有用，因为在传单中我应该为 iconUrl 属性提供文件路径。

        var myIcon = L.icon({
        iconUrl: require('../../public/images/black-plane.svg'),
        iconRetinaUrl: require('../../public/images/black-plane.svg'),
        iconSize: [32, 32],
        iconAnchor: null,
        popupAnchor: null,
        shadowUrl: null,
        shadowSize: null,
        shadowAnchor: null,
        className: 'leaflet-custom-marker'
    });

显然，我不想为我想要的所有 Angular 生成 SVG!

Answer 1

我使用旋转标记库。 https://github.com/bbecquet/Leaflet.RotatedMarker演示页面已损坏 cdn 链接...使用此演示:https://erasta.github.io/Leaflet.RotatedMarker/example.html

L.marker([48.8631169, 2.3708919], {
    rotationAngle: 45
}).addTo(map);

或

marker.setRotationAngle(newAngle)

它适用于 SVG 图标