200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 百度电子地图自定义marker图标

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

时间:2023-09-18 12:49:03

相关推荐

百度电子地图自定义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);

效果显示:

图片引用为单引号引用

图片路径和代码在同一路径

源代码:查看时直接选用记事本方式打开即可

链接:/s/1htiFG6CXJcNi75BxMj0E2w

提取码:45e4

关于图标的问题,进入ICONS8网站,可免费进行图标下载,也可在线进行编辑,网站如下

ICONS8

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。