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

 //设置场地标记点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】相关推荐

百度地图API : 自定义标注图标
通过Icon类可实现自定义标注的图标,下面示例通过参数MarkerOptions的icon属性进行设置, 也可以使用marker.setIcon()方法. <!DOCTYPE html> ...
百度地图API 自定义标注图标
通过Icon类可实现自定义标注的图标,下面示例通过参数MarkerOptions的icon属性进行设置, 也可以使用marker.setIcon()方法. <script type=" ...
百度地图添加自定义图标标注以及自定义动画效果
百度地图添加自定义图标标注以及自定义动画效果 1.添加自定义图标标注 2.添加自定义动画效果 2.1.标注对象marker的构成 2.2.自定义动画效果实现过程 2.3.最终实现效果上次写的是添加自 ...
百度地图API 添加自定义标注多点标注
原文:百度地图API 添加自定义标注多点标注分四个文件 location.php map.css 图片数据库数据库配置自己改下 -------------------------------- ...
数据可视化大屏百度地图绘制行政区域标注实战案例解析(个性化地图、标注、视频、控件、定位、检索）
百度地图开发系列目录数据可视化大屏应急管理综合指挥调度系统完整案例详解(PHP-API.Echarts.百度地图) 数据可视化大屏百度地图API开发:停车场分布标注和检索静态版百度地图高级开发:m ...
解决百度地图多个标注覆盖不能响应点击的问题
百度地图开发常用网站 1.百度地图开放平台 http://lbsyun.baidu.com/ 2.百度地图 Javascript API JavaScript API v3.0 http://lbsy ...
百度地图解决自定义图标显示问题
百度地图解决自定义图标太大不显示问题这几天碰到这个需求, 需要在百度地图上显示头像,因为图片太大一直没有显示,百度了几天,解决都长一样,心累. 提供以下几种解决思路: 检查图片路径是否错误图标大小 ...
php网页地图上自定义,网页嵌入百度地图和使用百度地图api自定义地图的详细步骤...
在网页中插入百度地图如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下: 第二步:设置地图,大家可以对网站显示地图的宽高进行设置,其余选项不动. 第三步:添加标注.点击 ...
百度地图android自定义文字,Android SDK | 百度地图API SDK
什么是百度地图Android SDK? 百度地图 Android SDK是一套基于Android 2.1及以上版本设备的应用程序接口, 您可以通过该接口实现丰富的LBS功能: 地图:提供地图(2D.3 ...

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

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

小结

百度地图标注自定义标注图片【JS】相关推荐

最新文章

热门文章