在百度地图上,自定义添加一个标注,标注可以是自己的图片。
步骤:先确定你要标注的点的坐标–>创建一个添加标注的函数addMarker–>(1)在该函数中创建这个图标,并说明图标的来源(网址)、设置图标的大小(注意大小要比图标的长宽要大)、偏移的地理坐标(因为原始情况下图标的中心会放在地图点上)、等等属性(2)创建标注的命令Marker,并说明标注放置的坐标和图例–>创建显示标注的命令addOverlay–>调用addMarker函数
具体代码如下:
var map=new BMap.Map("container");
var point=new BMap.Point(108.404,37.99);
map.centerAndZoom(point,5);
map.enableScrollWheelZoom();
**var p=new BMap.Point(116.404,39.915);
function addMarker(point){
var myIcon=new BMap.Icon("http://i04.pic.sogou.com/06321d518e11eb7c",new BMap.Size(256,256),{
//BMap.Size类表示以指定的宽度和高度创建一个矩形区域大小,有的时候图标太大,Size太小,可能不能显示图标或显示一部分图标
imageSize:new BMap.Size(25.6,25.6)//设置显示图像的大小,因为256*256太大,所以可以设置它实际显示的长宽比例为25.6*25.6,相当于缩小十倍了
anchor:new BMap.Size(13,25.6),//标注指向的地理位置距离图标左上角各偏移13和25.6像素(一般宽度是照片宽的一般,长度是照片的长,这样图标的
尖角就能刚好点在坐标点上,否则是图标的中心点在坐标点上),本例中该位置即是图标中央下端的尖角位置
});
var marker=new BMap.Marker(point,{icon:myIcon});
map.addOverlay(marker);
}
addMarker(p);