leaflet 使用svg创建marker

let svg = '<svg t="1648694311308" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3113" width="200" height="200"><path d="M679.7 207.4C634.4 162 574.1 137.1 510 137.1s-124.4 25-169.7 70.3C295 252.7 270 313 270 377.1c0 42.9 11.2 84.1 32.2 120.2l177.4 397.2c11.8 26.4 49.2 26.4 61 0L718 497.3c21-36.1 32.2-77.3 32.2-120.2-0.2-64.1-25.1-124.4-70.5-169.7z m-7.5 271h-0.7L540.5 772c-11.8 26.4-49.2 26.4-61 0l-81.4-182.3c1.1 0.6 2.2 1.2 3.4 1.8-2.8-4.1-5.5-8.3-8.2-12.6l-49.1-110c-0.2 0-0.4-0.1-0.6-0.1-15-27.2-23.6-58.4-23.6-91.6 0-104.9 85.5-190.3 190.5-190.1 104.2 0.2 189.4 85.4 189.6 189.6 0.1 36.8-10.4 71.3-28.5 100.5 0.2 0.3 0.5 0.7 0.6 1.2z" fill="#d81e06" p-id="3114"></path><path d="M422.8 405.9a93 91.1 0 1 0 186 0 93 91.1 0 1 0-186 0Z" fill="#d81e06" p-id="3115"></path></svg>'
markers = L.featureGroup().addTo(map)     
let myIcon = L.icon({
   iconUrl: 'data:image/svg+xml,' + encodeURIComponent(svg),
   iconSize: [38, 95],
})

map.on('click', (e) =>{
     L.marker(e.latlng,{
     icon:myIcon
   }).addTo(markers);
})