百度地图鼠标绘制工具BUG修复(地图自动平移)

开发项目时用到了鼠标绘制工具，绘制多边形时，鼠标离开地图后，地图会自动平移。用close方法也停止不了。

看下源码中这样的代码：

/*** 开启鼠标到地图边缘，自动平移地图*/Mask.prototype.enableEdgeMove = function() {this._enableEdgeMove = true;}/*** 关闭鼠标到地图边缘，自动平移地图*/Mask.prototype.disableEdgeMove = function() {clearInterval(this._edgeMoveTimer);this._enableEdgeMove = false;}

发现在绘制开始时会调用mask.enableEdgeMove (); 结束时会调用mask.disableEdgeMove();还有其他地方调用。总之就是这里的原因啦！我是这样改的：

/*** 鼠标移动过程的事件*/var mousemoveAction = function(e) {//自定义---如果超出范围，禁止地图自动平移if(me._outRange){mask.disableEdgeMove();return;}overlay.setPositionAt(drawPoint.length - 1, e.point);}

outRange是我自定义的，标志鼠标是否超出绘制范围。如果超出范围，就禁止地图自动平移。这样就可以解决我的问题了。时间有限，就先这么着了。

VUE页面相关代码：

mounted(){var _this=this;_this.drawingManager = new BMapLib.DrawingManager(_this.map, {isOpen: true, //是否开启绘制模式enableDrawingTool: false, //是否显示工具栏drawingToolOptions: {anchor: BMAP_ANCHOR_TOP_RIGHT, //位置offset: new BMap.Size(5, 5), //偏离值drawingModes: [BMAP_DRAWING_POLYGON]},polygonOptions: _this.styleOptions, //多边形的样式outRange:false,hasLabel:false});_this.drawingManager.enableCalculate();_this.drawingManager.setDrawingMode(BMAP_DRAWING_POLYGON);
},methods:{//添加多边形层并显示，如果添加了或修改了某网格，则所有子网格重新画一遍drawPolygon(){var child="";for(var c=0;c<this.parentArea.children.length;c++){child=this.parentArea.children[c];var ply = new BMap.Polygon(child.points, { strokeWeight: 1, strokeColor: child.gridcolor, fillOpacity: 0.2, fillColor: child.gridcolor }); //建立多边形覆盖物ply.id=child.Id;ply.addEventListener("mouseover", this.mouseover);ply.addEventListener("mouseout", this.mouseout);if(this.id==child.Id){this.companyMap.acreage=child.acreage;this.companyMap.points= child.points;ply.setFillColor(child.gridColor);this.drawingManager.close();this.drawPly=ply;}this.map.addOverlay(ply);this.childPlyArr.push(ply);}},//子网格鼠标移入事件,如果正在绘制,并且绘制模式为选中状态mouseover(evt) {if(this.drawingManager._isOpen && this.drawingManager.getDrawingMode()!='marker'){if(!this.drawingManager._outRange){this.drawingManager.outRangeAction();}}},mouseout(evt) {if(this.drawingManager._isOpen && this.drawingManager.getDrawingMode()!='marker'){if(this.drawingManager._outRange){this.drawingManager.inRangeAction();}}},//绘制完成overlaycomplete(e){if(e.calculate==null){alert("面积为0，请重绘");this.map.removeOverlay(e.overlay);return;}//如果结果的点不在区域内,则删除并出范提示超围var pointsArr=e.overlay.getPath();//保存在数组库var inrange=true;for(var i=0;i<pointsArr.length;i++){//判断点是否在父网格范围内，不在则超出范围for(var j=0;j<this.parentPly.length;j++){inrange=BMapLib.GeoUtils.isPointInPolygon(pointsArr[i], this.parentPly[j]);if(inrange)break;}}if(!inrange){alert("超出范围");this.map.removeOverlay(e.overlay);return;}this.drawPly=e.overlay;var resultPoints="";for(var i=0;i<pointsArr.length;i++){var end=(i==pointsArr.length-1)?"":";";resultPoints+=pointsArr[i].lng+","+pointsArr[i].lat+end;}this.companyMap.points=resultPoints;this.companyMap.acreage=e.calculate;//面积}
}

百度地图鼠标绘制工具BUG修复(地图自动平移)相关推荐

js百度地图鼠标绘制工具条库
本篇文章是介绍百度地图鼠标绘制工具条库基本使用百度地图的覆盖物的编辑类参考:[鼠标绘制工具条库](http://api.map.baidu.com/library/DrawingManager/1. ...
百度地图 -- 鼠标绘制工具DrawingManager
优先附上DrawingManager参考的API文档: http://api.map.baidu.com/library/DrawingManager/1.4/docs/symbols/BMapLib ...
百度地图之鼠标绘制工具条库（开源库）
百度地图开发常用网站 1.百度地图开放平台 http://lbsyun.baidu.com/ 2.百度地图 Javascript API JavaScript API v3.0 http://lbsy ...
百度地图的鼠标绘制工具
 <script type="text/javascript" src="http://api.map.baidu.com ...
鼠标绘制工具加是否超出范围判断
初始化鼠标绘制工具的代码: //实例化鼠标绘制工具_this.drawingManager = new BMapLib.DrawingManager(_this.addMap, {isOpen: tr ...
百度地图鼠标绘制获取坐标点
开发有时需要在百度地图上拾取多个坐标,利用官方上的开源库,改造,在页面上打点或者画框获取坐标,如下图选择工具选择工具后在地图上画好,后就可以滚动到页面下方复制坐标点了,如下图源码查看:https ...
wms地图绘制工具_移情地图，了解用户需求的利器
如果你想打造一款成功的产品,对你的用户有一个良好的了解是至关重要的.虽然用户体验设计师有许多技能可以帮助他们发展这种理解,但有一种关键技能有很多优势,它称为移情地图. User-Experience ...
wms地图绘制工具_地图空间分析工具MapViewer下载-地图空间分析(MapViewer)下载v8.4.406 官方版-西西软件下载...
地图空间分析工具MapViewer是一款地图空间制作软件,可让用户轻松制作出版品质的专题地图.使用最直观的功能和特性精确显示数据分布.用户的数据是独一无二的,用户需要最好的地图绘制软件!有对这款软件感 ...
SRPG游戏开发（五）第三章绘制地图 - 二绘制一张简单地图
返回目录第三章绘制地图一导入素材点击进入二绘制一张简单地图这一节我们来看如何绘制一张地图. 1 新建Grid与Tilemap 在Hierarchy面板中,点击Create/2D ...

百度地图鼠标绘制工具BUG修复(地图自动平移)

百度地图鼠标绘制工具BUG修复(地图自动平移)相关推荐

最新文章

热门文章

百度地图 鼠标绘制工具BUG修复(地图自动平移)

百度地图 鼠标绘制工具BUG修复(地图自动平移)相关推荐

最新文章

热门文章

百度地图鼠标绘制工具BUG修复(地图自动平移)

百度地图鼠标绘制工具BUG修复(地图自动平移)相关推荐