编程工具
使用记事本直接进行编写
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);
效果显示:
图片引用为单引号引用
图片路径和代码在同一路径
源代码:查看时直接选用记事本方式打开即可
链接:/s/1htiFG6CXJcNi75BxMj0E2w
提取码:45e4
关于图标的问题,进入ICONS8网站,可免费进行图标下载,也可在线进行编辑,网站如下
ICONS8