| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
11年前发布

百度地图api之如何自定义标注图标

    在百度地图api中,默认的地图图标是一个红色的椭圆形。但是在项目中常常要求我们建立自己的图标,类似于我的这个

操作很简单,分如下几步进行

步骤一:先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);

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1376107368382.html
百度地图 地理信息系统GIS