window.bmap.marker 改为绿色图标
时间: 2023-12-16 14:04:55 浏览: 121
您可以使用以下代码将百度地图标记的图标改为绿色:
```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(0, 0 - 10 * 25)
});
// 更改图标颜色
icon.setImageOffset(new BMap.Size(0, 0 - 2 * 25));
// 设置标记对象的图标
marker.setIcon(icon);
```
其中,`setImageOffset`方法中的参数`new BMap.Size(0, 0 - 2 * 25)`表示将标记图标的偏移量设置为第二个图标(绿色)的位置,具体偏移量可以根据需要进行调整。
相关问题
window.bmap.marker 改为绿色图标 不使用外部图片链接
您可以使用以下代码将百度地图标记的图标改为绿色,而不使用外部图片链接:
```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`即可。
window.bmap.marker 改变颜色
您可以使用以下代码更改百度地图标记的颜色:
```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(0, 0 - 10 * 25)
});
// 更改图标颜色
icon.setImageOffset(new BMap.Size(0, 0 - 9 * 25));
// 设置标记对象的图标
marker.setIcon(icon);
```
其中,`imageOffset`属性是用于定位标记图标的偏移量,可以根据需要进行调整;`setImageOffset`方法可以更改图标的颜色,参数为一个`BMap.Size`对象,其中`width`表示横向偏移量,`height`表示纵向偏移量,可以根据需要进行调整。
阅读全文