百度地图 Icon 的URL可以设置成SVG字符串吗？

[KkxYy]

以前用的google map 里面 marker 可以这样定义：
var marker = new google.maps.Marker({
position: {
lat: latitude,
lng: longitude
},
iconTypes: {
url: "data:image/svg+xml;utf-8,<svg id='レイヤー_1' data-name='レイヤー 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.4 34.56'><defs><style>.cls-1{fill:#0a0a0a;}.cls-2{fill:#fff;}</style></defs><title>pencil</title><path class='cls-1' d='M30.2,12.5a12.2,12.2,0,1,0-14.6,12L18,34.9l2.4-10.5A12,12,0,0,0,30.2,12.5Z' transform='translate(-5.8 -0.34)''/><path class='cls-2' d='M22.81,4.83a2.19,2.19,0,0,1,1.75,3.5l-.87.88L20.62,6.15l.88-.87A2.18,2.18,0,0,1,22.81,4.83ZM11.87,14.9,11,18.83,14.94,18,23,9.87,20,6.8ZM20.78,9.8l-6.12,6.12-.75-.75L20,9.05Z' transform='translate(-5.8 -0.34)'/></svg>",
anchor: new google.maps.Point(25, 50),
scaledSize: new google.maps.Size(48, 48)
},
infoWindow: infoWindow
});
问一下百度地图的icon可以这样设置吗？因为我想自定义icon的背景颜色 但是又不想准备太多的图片。

[KkxYy]

引用 4 楼 lqlqlq007 的回复:

看这个例子，百度是不会读你给的svg文件的，它做的只是把你给出的一个div（可以包住你要的svg）展示在你给出的经纬度上。

刚研究了下发现，百度地图是可以直接用SVG字符串来显示图片的，之前可能是因为符号和转义的问题导致没有显示出来。感谢回答。

[讨厌走开啦]

可以定义svg矢量图覆盖物，具体怎么配置看百度地图的API吧。

[KkxYy]

引用 1 楼 lqlqlq007 的回复:

可以定义svg矢量图覆盖物，具体怎么配置看百度地图的API吧。

矢量图那个 我还得把SVG文件里面的东西拆出来 直接用URL的没办法是吗？

[KkxYy]

或者说能不能像高德地图API里面的，可以在读取到SVG文件以后，更改里面的内部构造。

[讨厌走开啦]

引用 2 楼 KkxYy 的回复:

[quote=引用 1 楼 lqlqlq007 的回复:] 可以定义svg矢量图覆盖物，具体怎么配置看百度地图的API吧。

矢量图那个 我还得把SVG文件里面的东西拆出来 直接用URL的没办法是吗？[/quote] 看这个例子，百度是不会读你给的svg文件的，它做的只是把你给出的一个div（可以包住你要的svg）展示在你给出的经纬度上。

[KkxYy]

引用 4 楼 lqlqlq007 的回复:

[quote=引用 2 楼 KkxYy 的回复:] [quote=引用 1 楼 lqlqlq007 的回复:] 可以定义svg矢量图覆盖物，具体怎么配置看百度地图的API吧。

矢量图那个 我还得把SVG文件里面的东西拆出来 直接用URL的没办法是吗？[/quote] 看这个例子，百度是不会读你给的svg文件的，它做的只是把你给出的一个div（可以包住你要的svg）展示在你给出的经纬度上。[/quote] 好的，谢了。我看高德那边是可以重构SVG的。我尝试用高德做吧。