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

原创 2013年12月01日 23:23:48
<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> 

相关文章推荐

百度地图开源库 BMaplib

百度地图开源库,对于基于百度地图开发者来说,无疑是一个很强大的工具,里面涵盖了大伙二次开发的一些js静态函数,和应用实例,大家的力量是强大的!废话不多说,好多新手找不到怎么去找,下面贴下找寻路径。 上...

类 BMapLib.DrawingManager___百度地图API

类 BMapLib.DrawingManager 鼠标绘制管理类,实现鼠标绘制管理的入口。 实例化该类后,即可调用该类提供的open 方法开启绘制模式状态。 也可加入工具栏进行选择操作。  源...

百度地图api 学习1-----BMapLib.RichMarker

var map = new BMap.Map("container2"); // 创建地图实例 var point = new BMap.Point(113.624552,34.769636...

百度地图API:在RichMarker上使用InfoBox

使用之前先简单看下两个开源类的类参考 InfoBox: http://api.map.baidu.com/library/InfoBox/1.2/docs/symbols/BMapLib.Info...

百度地图api之Marker类--标记点固定

一.首先引入所申请的ak密钥 二.简单样式处理一下 body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;fon...

百度地图-修改marker图标(icon)

var map = new BMap.Map("map"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 ...
  • clh604
  • clh604
  • 2013年07月22日 18:36
  • 96075

百度地图api基本用法和一些demo[根据地址查询经纬度,并进行动态标注BMap.Marker地点]

百度地图生成器:[可以自动生成一个简单百度地图]***************** http://api.map.baidu.com/lbsapi/creatmap/ --------------...

一个重要的百度地图API方法

添加点标注工具--高级示例 /* 样式选择面板相关css */ #divStyle { width: 280px; height: 160px; ...

[BMapLib] LuShu->JavaScript 简单封装

依赖类http://api.map.baidu.com/api?v=2.0&ak=xxxx LuShu.min.js简单封装/** * 封装路书类 * markers: BMap.Marker集...

百度地图添加自定义Marker+显示覆盖层次优先级

实际项目中经常会集成地图,今天就只谈谈百度地图添加自定义Marker这一部分,希望对百度地图集成有这部分需求的小伙伴能有一些帮助。 百度地图文档里面对marker的添加只是很简短的说了常用的添加图...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:百度地图API学习2----BMapLib.RichMarker
举报原因:
原因补充:

(最多只允许输入30个字)