百度地图API 自定义标注图标
2015-12-10 17:56
375 查看
通过Icon类可实现自定义标注的图标,下面示例通过参数MarkerOptions的icon属性进行设置,
也可以使用marker.setIcon()方法。
所使用图片:
![](http://img.blog.csdn.net/20151209171400225)
演示地址:点击
作者:itmyhome
也可以使用marker.setIcon()方法。
<script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.323066,39.989956), 16); // 初始化地图,设置中心点坐标和地图级别 map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的 map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 var points = [ [116.316967,39.990748], [116.323938,39.989919], [116.328896,39.988039], [116.321135,39.987072], [116.332453,39.989007], [116.324045,39.987984], [116.322285,39.988316], [116.322608,39.986381] ]; // 向地图添加标注 for( var i = 0;i < points.length; i++){ var myIcon = new BMap.Icon("http://7xic1p.com1.z0.glb.clouddn.com/markers.png", new BMap.Size(23, 25), { // 指定定位位置 offset: new BMap.Size(10, 25), // 当需要从一幅较大的图片中截取某部分作为标注图标时,需要指定大图的偏移位置 imageOffset: new BMap.Size(0, 0 - i * 25) // 设置图片偏移 }); var point = new BMap.Point(points[i][0],points[i][1]); // 创建标注对象并添加到地图 var marker = new BMap.Marker(point,{icon: myIcon}); map.addOverlay(marker); }; </script>
所使用图片:
演示地址:点击
作者:itmyhome
相关文章推荐
- 百度地图API 自定义标注图标
- redis(7)、redis持久化
- oj分类
- Android基础-数据库SQLite
- 。标识符命名规则
- JS模块化编程之AMD规范(转)
- update-alternatives详解
- FastJSON、Gson和Jackson性能对比
- springmvc怎么重定向,从一个controller跳到另一个controller
- Java常用的日期工具类
- 更强的微光闪烁效果--第三方开源--Shimmer-android
- dubbo的安装和使用
- 我在项目中是这样用 gulp-sass的
- 多元线性回归的预测
- iOS 全屏布局
- 如果5.0环境,不能自动引入RecycleView CardView
- android listview的使用(零)
- cocos2d-x mruby学习笔记 CCUI库的一个小BUG
- 中国雾霾 China smog_ Sky dark from air pollution
- StringUtils