百度地图修改鼠标样式

鼠标样式是map类的一个设置,所有修改鼠标样式非常简单,比如修改成crosshair样式鼠标:
[javascript]  view plain copy
  1. var map = new BMap.Map("map"); // 创建地图实例     
  2. var point = new BMap.Point(116.404, 39.915); // 创建点坐标     
  3. map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别        
  4. map.setDefaultCursor("crosshair");  
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
百度地图提供了一个鼠标绘制工具库,可以通过该工具库在地图上快速绘制点、线、面等几何图形。以下是基本的鼠标绘制步骤: 1. 引入百度地图JS API和鼠标绘制工具库: ```html <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your_app_key"></script> <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script> ``` 2. 创建地图实例,并在地图上添加鼠标绘制工具: ```javascript var map = new BMap.Map("container"); var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); var drawingManager = new BMapLib.DrawingManager(map, { isOpen: false, // 是否开启绘制模式 enableDrawingTool: true, // 是否显示工具栏 drawingToolOptions: { anchor: BMAP_ANCHOR_TOP_RIGHT, // 工具栏位置 offset: new BMap.Size(5, 5), // 工具栏偏移量 }, circleOptions: { strokeWeight: 2, // 圆形边线宽度 fillColor: "#ffffff", // 圆形填充颜色 strokeColor: "#ff0000", // 圆形边线颜色 strokeOpacity: 0.8, // 圆形边线透明度 fillOpacity: 0.6, // 圆形填充透明度 strokeStyle: "solid", // 圆形边线样式 }, }); ``` 3. 在绘制工具栏中选择绘制的几何图形类型,开始绘制: ```javascript drawingManager.addEventListener("overlaycomplete", function(e) { var type = e.drawingMode; var overlay = e.overlay; // 处理绘制完成后的逻辑 }); ``` 4. 处理绘制完成后的逻辑,例如获取绘制出的几何图形的坐标等信息。 以上是一个简单的百度地图鼠标绘制的示例,你可以根据自己的需要进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值