百度地图标注自定义标注图片【JS】

百度地图标注自定义标注图片

//设置场地标记点
for (var i = 0; i < ground_info.length; i++) {
     var img_url = '/Static/Oa/img/D.png';
     if (ground_info[i].g_type == 'A') {
	  img_url = '/Static/Oa/img/A.png';
     }
     if (ground_info[i].g_type == 'B') {
	  img_url = '/Static/Oa/img/B.png';
     }
     if (ground_info[i].g_type == 'C') {
	  img_url = '/Static/Oa/img/C.png';
     }
     var myIcon = new BMap.Icon(img_url, new BMap.Size(32, 32), {
	  anchor: new BMap.Size(10, 25),
     });
     //创建标注
     var marker = new BMap.Marker(new BMap.Point(ground_info[i].point_x, ground_info[i].point_y), { icon: myIcon }); 
     //将标注添加到地图中  
     map.addOverlay(marker)
}

小结
具体方法在百度地图文档已经有详细的说明,这里记录一下自己容易忽视的点。
1.anchor: new BMap.Size(10, 25) 这个一定需要,不然标注在地图上面会偏移正确位置
2.new BMap.Size(32, 32) 里面参数是地图上标注显示的大小,自定义的图片的大小一定和这里的参数一样,才能正确显示完整的图片大小。

百度地图标注自定义标注图片【JS】

本资源由随笔博客发布。发布者:五维国度,转载请注明出处:http://blog.suibi.site/archives/4117


本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

(0)
上一篇 2022年 10月 28日 上午10:16
下一篇 2022年 10月 28日 下午5:13

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

在线咨询: QQ交谈

邮件:jctestxcx@163.com

关注微信