百度地图api之如何自定义标注图标
2013-07-30 18:47
204 查看
在百度地图api中,默认的地图图标是一个红色的椭圆形。但是在项目中常常要求我们建立自己的图标,类似于我的这个
![](http://img.blog.csdn.net/20130730155630531?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnVwdGdzaGVuZ29k/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
操作很简单,分如下几步进行
步骤一:先ps一个图标,大小要合适,如果要背景透明的,记得保存成png格式。推荐一个在线ps网站http://uupoop.com/。做好图片之后,如果你使用vs或其他控制谈调用的百度地图api,要把图片放到debug文件夹中。
步骤二:在html语句中加入:
操作很简单,分如下几步进行
步骤一:先ps一个图标,大小要合适,如果要背景透明的,记得保存成png格式。推荐一个在线ps网站http://uupoop.com/。做好图片之后,如果你使用vs或其他控制谈调用的百度地图api,要把图片放到debug文件夹中。
步骤二:在html语句中加入:
var map =new BMap.Map('container'); map.centerAndZoom(new BMap.Point(116.380797, 39.918497), 18); var icon = new BMap.Icon('pin.png', new BMap.Size(20, 32), {//是引用图标的名字以及大小,注意大小要一样 anchor: new BMap.Size(10, 30)//这句表示图片相对于所加的点的位置 }); var mkr =new BMap.Marker(new BMap.Point(116.38075,39.918986), { icon: icon }); map.addOverlay(mkr);
相关文章推荐
- 百度地图api之如何自定义标注图标
- 酸奶小妹 奔波于七层楼隔三差五送酸奶的小姑娘正在努力学习百度地图API 如何利用【百度地图API】,制作房产酒店地图?(上)——制作自定义标注和自定义信息窗口
- 百度地图API 自定义标注图标
- 百度地图api之换自定义标注图标
- 百度地图API 自定义标注图标
- 百度地图API 自定义标注图标
- 如何利用【百度地图API】,制作房产酒店地图?(上)——制作自定义标注和自定义信息窗口
- 百度地图API自定义标注(自定义覆盖物或自定义图标)
- 如何利用【百度地图API】,制作房产酒店地图?(上)——制作自定义标注和自定义信息窗口
- 如何利用【百度地图API】,制作房产酒店地图?(上)——制作自定义标注和自定义信息窗口
- 【百度地图API】如何自定义地图图层?实例:制作麻点图(自定义图层+热区)
- IOS中如何自定义web应用的图标
- 百度地图API,自定义地图标注
- 百度地图API:如何查询数自己的数据库标注地图并让标注显示在最佳视野内
- 如何使用百度地图API在地图上批量添加点标注
- 如何自定义应用程序的图标
- 如何自定义设置系统中Tabbar上的文字和图标的颜色
- css content 如何自定义生成图标?
- 【百度地图API】你看过房产地图吗?你知道房产标注是如何建立的吗?
- Hbuilder MUI如何增加自定义icon图标