来源 http://api.map.baidu.com/library/DrawingManager/1.4/docs/symbols/BMapLib.DrawingManager.html
鼠标绘制管理类,实现鼠标绘制管理的入口。 实例化该类后,即可调用该类提供的open 方法开启绘制模式状态。 也可加入工具栏进行选择操作。
源文件: DrawingManager.js.
类 | 描述 |
BMapLib.DrawingManager(map, opts)
|
DrawingManager类的构造函数
|
方法 | 返回值 | 描述 |
close()
|
关闭地图的绘制状态
|
|
关闭距离或面积计算
|
||
打开距离或面积计算
|
||
DrawingType
|
获取当前的绘制模式
|
|
open()
|
开启地图的绘制模式
|
|
setDrawingMode(DrawingType)
|
Boolean
|
设置当前的绘制模式,参数DrawingType,为5个可选常量:
BMAP_DRAWING_MARKER 画点 BMAP_DRAWING_CIRCLE 画圆 BMAP_DRAWING_POLYLINE 画线 BMAP_DRAWING_POLYGON 画多边形 BMAP_DRAWING_RECTANGLE 画矩形 |
事件 | 参数 | 描述 |
circlecomplete(overlay)
|
{Circle}
|
绘制圆完成后,派发的事件接口
|
markercomplete(overlay)
|
{Marker}
|
绘制点完成后,派发的事件接口
|
{Event Object}
|
鼠标绘制完成后,派发总事件的接口
|
|
polygoncomplete(overlay)
|
{Polygon}
|
绘制多边形完成后,派发的事件接口
|
polylinecomplete(overlay)
|
{Polyline}
|
绘制线完成后,派发的事件接口
|
rectanglecomplete(overlay)
|
{Polygon}
|
绘制矩形完成后,派发的事件接口
|
参考示例:
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);
var myDrawingManagerObject = new BMapLib.DrawingManager(map, {isOpen: true, drawingType: BMAP_DRAWING_MARKER, enableDrawingTool: true, enableCalculate: false, drawingToolOptions: { anchor: BMAP_ANCHOR_TOP_LEFT, offset: new BMap.Size(5, 5), drawingTypes : [ BMAP_DRAWING_MARKER, BMAP_DRAWING_CIRCLE, BMAP_DRAWING_POLYLINE, BMAP_DRAWING_POLYGON, BMAP_DRAWING_RECTANGLE ] }, polylineOptions: { strokeColor: "#333" });
参考示例:
myDrawingManagerObject.close();
参考示例:
myDrawingManagerObject.disableCalculate();
参考示例:
myDrawingManagerObject.enableCalculate();
参考示例:
alert(myDrawingManagerObject.getDrawingMode());
参考示例:
myDrawingManagerObject.open();
参考示例:
myDrawingManagerObject.setDrawingMode(BMAP_DRAWING_POLYLINE);
参考示例: myDrawingManagerObject.addEventListener("circlecomplete", function(e, overlay) { alert(overlay); });
参考示例: myDrawingManagerObject.addEventListener("overlaycomplete", function(e) { alert(e.drawingMode); alert(e.overlay); alert(e.calculate); alert(e.label); });
百度地图 JavaScript api 2.0之类 BMapLib.DrawingManager
原文:https://www.cnblogs.com/zouhao/p/12902248.html