百度电子地图自定义marker图标

编程工具

使用记事本直接进行编写

Icon覆盖物类介绍

百度地图API Icon

Icon(url: String, size: Size , opts: IconOptions )

一般给定图片的地址和大小用来创建自定义图标实例
主要代码如下：
第一步：创建一个坐标位置，初始化地图

var point = new BMap.Point(116.417, 39.909);
// 创建点坐标 ，即自定义图标的显示位置
map.centerAndZoom(point, 15);
// 初始化地图，设置中心点坐标和地图级别 

第二步：创建图标标注，图片信息

 
var myIcon = new BMap.Icon('red.png', new BMap.Size(30, 30));
// 创建Marker标注，使用自定义图标，大小可根据实际需要进行调整，图片的大小设置为像素25*25

第三步：将自定义标注添加至地图

var marker = new BMap.Marker(point, {
    icon: myIcon
});
// 将标注添加到地图
map.addOverlay(marker);

效果显示：

图片引用为单引号引用

图片路径和代码在同一路径
源代码：查看时直接选用记事本方式打开即可
链接：https://pan.baidu.com/s/1htiFG6CXJcNi75BxMj0E2w
提取码：45e4
关于图标的问题，进入ICONS8网站，可免费进行图标下载，也可在线进行编辑，网站如下
ICONS8