window.bmap.marker 改为绿色图标 不使用外部图片链接
时间: 2024-04-03 17:35:29 浏览: 97
百度地图扩展包bmap.js
您可以使用以下代码将百度地图标记的图标改为绿色,而不使用外部图片链接:
```javascript
// 获取标记对象
var marker = new BMap.Marker(point);
// 创建图标对象
var icon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {
offset: new BMap.Size(10, 25),
imageOffset: new BMap.Size(-23, 0)
});
// 更改图标颜色
var myIconUrl = 'data:image/png;base64,iVBORw0KG...'; // 这里是绿色图标的 base64 编码
var myIcon = new BMap.Icon(myIconUrl, new BMap.Size(23, 25));
// 设置标记对象的图标
marker.setIcon(myIcon);
```
其中,`myIconUrl`是绿色图标的 base64 编码,可以通过在线图片转换工具将一张绿色的图片转换成 base64 编码。`myIcon`是一个新的`BMap.Icon`对象,它使用绿色图标的 base64 编码作为图标的路径。最后,将标记对象的图标设置为`myIcon`即可。
阅读全文