关闭

百度地图API学习2----BMapLib.RichMarker

3632人阅读 评论(0) 收藏 举报
分类:
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/RichMarker/1.2/src/RichMarker_min.js "></script>
<div id="container"></div> 

<script type="text/javascript"> 
var map = new BMap.Map("container");          // 创建地图实例  
var point = new BMap.Point(121.479048,31.240008);  // 创建点坐标  
map.centerAndZoom(point, 11);// 初始化地图,设置中心点坐标和地图级别  

map.enableScrollWheelZoom();// 设置地图可缩放大小

//BMapLib.RichMarker(content, position, RichMarkerOptions)//设置标注的方法 如下所示

var htm = "<div style='background:#E7F0F5;color:#0082CB;border:1px solid #333;width:145px;'>"
              +     "上海意逗信息技术有限公司"
              +     "<img src='http://www.eadou.cn/statics/index/images/logo.png' border='0' />"
              + "</div>";
var myRM= new BMapLib.RichMarker(htm, point,{"anchor" : new BMap.Size(-72, -84),"enableDragging" : true});

//{"anchor" : {BMap.Size} Marker的的位置偏移值, "enableDragging" : {Boolean} 是否启用拖拽,默认为false}

myRM.disableDragging();//设置Marker不能拖拽 否则是enableDragging();

map.addOverlay(myRM);// 设置显示覆盖物标志

//map.removeOverlay(myRM);//map.removeOverlay方法移除覆盖物

myRM.addEventListener("onclick", function(e) { 
   alert(e.type); //点击Marker时,派发事件的接口 --{"target : {BMap.Overlay} 触发事件的元素, "type:{String} 事件类型}
});

myRM.addEventListener("ondblclick", function(e) { 
    alert(e.point);  //双击Marker时,派发事件的接口 target触发事件的元素 / type事件类型 / point鼠标的物理坐标 / pixel鼠标的像素坐标
});

myRM.addEventListener("ondragend", function(e) { 
    alert(e.type);  //拖拽Marker结束时,派发事件的接口target 、type、point、pixel
});

myRM.addEventListener("ondragstart", function(e) { 
    alert(e.type);  //拖拽Marker开始时,派发事件的接口target 、type、point、pixel
});

myRM.addEventListener("ondragging", function(e) { 
    alert(e.type);  //拖拽Marker的过程中,派发事件的接口target 、type、point、pixel
});

myRM.addEventListener("onmousedown", function(e) { 
    alert(e.type);  //在Marker上按下鼠标时,派发事件的接口target 、type、point、pixel
});

myRM.addEventListener("onmouseout", function(e) { 
    alert(e.type);  //鼠标移出Marker时,派发事件的接口target 、type、point、pixel
});

myRM.addEventListener("onmouseover", function(e) { 
    alert(e.type);  //鼠标移到Marker上时,派发事件的接口target 、type、point、pixel
});

myRM.addEventListener("onmouseup", function(e) { 
    alert(e.type);  //在Marker上弹起鼠标时,派发事件的接口target 、type、point、pixel
});



/**********************************

myRM.getContent();//获取当前maker的内容

myRM.getHeight();//获取当前maker的高度

myRM.getPosition();//获取当前maker的位置

myRM.getwidth();//获取当前maker的宽度

myRM.isDraggable(); //获取当前maker能否被拖曳的状态  true/false;

myRM.setAnchor(new BMap.Size(-72, -84));//设置Marker的偏移量

myRM.setContent("ssssssssss");//设置Marker的内容
myRM.setHeight(height);//设置Marker的高度
myRM.setWidth(width);//设置Marker的宽度
myRM.setPosition(new BMap.Point(116.30816, 40.056863));//设置Marker的位置
*/
</script> 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:55324次
    • 积分:850
    • 等级:
    • 排名:千里之外
    • 原创:27篇
    • 转载:33篇
    • 译文:0篇
    • 评论:1条
    最新评论