Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.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图标?_Javascript_Svg_Leaflet - Fatal编程技术网

Javascript 如何在传单中加载SVG图标?

Javascript 如何在传单中加载SVG图标?,javascript,svg,leaflet,Javascript,Svg,Leaflet,我必须在传单地图中加载标记SVG。我有返回的方法: fillColor: "" fillOpacity: 1 path: "" scale: strokeColor: "" strokeWeight: 如何包含html代码,我在传单中阅读了加载SVG的方法: consturl:any=(this.getMarkerIcon(marker)) 常量路径:string=url.path const fillColor=url.fillColor const strokeColor=url.st

我必须在传单地图中加载标记SVG。我有返回的方法:

fillColor: ""
fillOpacity: 1
path: ""
scale: 
strokeColor: ""
strokeWeight: 
如何包含html代码,我在传单中阅读了加载SVG的方法:

consturl:any=(this.getMarkerIcon(marker))
常量路径:string=url.path
const fillColor=url.fillColor
const strokeColor=url.strokeColor
常量fillOpacity=url.fillOpacity
常量图标设置={
mapIconUrl:“因为有一个选项
html
,所以SVG图标需要传入
html
参数。请在下面的代码段中输入

代码片段

var map=L.map('map'{
缩放:5,
//minZoom:9,
中心:新L.latLng([50,12]),
图层:L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'),
图层:[
L.tileLayer('https://cartodb-basemaps-{s} .global.ssl.fastly.net/light_nolabels/{z}/{x}/{y}.png'{
属性:“©;©;”,
子域:“abcd”,
最大缩放:19
})
]
}),
locationLayer=新的L.功能组(),
markerTemp=L.marker(),
iconSettings={
mapIconUrl:“”,
颜色:“#cc756b”,
mapIconColorInnerCircle:“#fff”,
松鼠:48
},
//图标正常状态
divIcon=L.divIcon({
类名:“传单数据标记”,
html:L.Util.template(iconSettings.mapIconUrl,iconSettings),
iconAnchor:[12,32],
iconSize:[25,30],
popupAnchor:[0,-28]
}),
//图标活动状态
divIconActive=L.divIcon({
类名:“传单数据标记”,
html:L.Util.template(iconSettings.mapIconUrl,iconSettings),
iconAnchor:[18,42],
iconSize:[36,42],
popupAnchor:[0,-30]
}),
坐标=[
[53, 13],
[49, 10],
[46, 12],
[51, 16]
],
markerArray=[],
iMarker=-1;
函数setActiveIcon(标记器){
marker.setIcon(divIconActive);
};
协调(e,i)=>{
var标记=L.标记(e{
图标:divIcon,
id:我
});
locationLayer.addLayer(标记器);
marker.on('mouseover',函数(e){
如果(iMarker==i)返回;
setTimeout(setActiveIcon,10,此选项);
如果(iMarker>=0)markerary[iMarker].setIcon(divIcon);
iMarker=i;
});
marker.on('mouseout',函数(e){
这个.setIcon(divIcon);
iMarker=-1;
});
markerArray[i]=标记器;
});
locationLayer.addTo(地图);
html,
身体,
#地图{
身高:100%;
宽度:100%;
背景色:#d5dbdd;
}
#地图{
盒影:(0px 0px 20px rgba(0,0,0,3))
}


我知道,但我必须使用不同的图标,这个参数非常小
m-4.1665e-4,-6.8424763 c-1.10310295,0-1.9642720…30191204,0.30191204 0 0 1 0.30149533,-4.8451824 Z
我看不到这个图标。请将svg图标粘贴到这里?
我解决了这个问题,我必须移动图标,因为它超出范围
转换=“翻译(5,8)”