Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法在运行时将修改后的SVG设置为JS中的自定义图标?_Javascript_Css_Reactjs_Leaflet - Fatal编程技术网

Javascript 有没有办法在运行时将修改后的SVG设置为JS中的自定义图标?

Javascript 有没有办法在运行时将修改后的SVG设置为JS中的自定义图标?,javascript,css,reactjs,leaflet,Javascript,Css,Reactjs,Leaflet,我使用的是传单js,我想为不同角度的标记设置自定义图标。在运行时有这样做的方法吗? 之前,我尝试了react Samy SVG,但没有成功,因为在手册中,我应该为iconUrl属性提供一个文件路径 var myIcon = L.icon({ iconUrl: require('../../public/images/black-plane.svg'), iconRetinaUrl: require('../../public/images/blac

我使用的是传单js,我想为不同角度的标记设置自定义图标。在运行时有这样做的方法吗? 之前,我尝试了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'
    });

显然,我不想为所有我想要的角度生成SVG

我使用旋转标记库。 演示页面已损坏cdn链接。。。使用此演示:


它适用于SVG图标

抱歉,但它不适用于我。此外,我使用传单js版本1.6.0。为什么它不工作?你犯了什么错误?我为您创建了一个Leflet 1.6.0示例:非常感谢您的示例,它很有效,我忘了在我的project0中添加传单.rotatedMarker.js。目前,我有两个问题。首先,旋转并非始终有效,有时无法正常工作。第二,当我在polylineDecorator函数后使用marker时,它不会显示任何内容!你能举个例子吗?是的。这个链接是我的程序,由Preact和JavaScript编写:bit.ly/2rzhye2。这个程序也可以用ReactJS运行。谢谢
L.marker([48.8631169, 2.3708919], {
    rotationAngle: 45
}).addTo(map);
marker.setRotationAngle(newAngle)