百度地图 JavaScript api 2.0之类 BMapLib.DrawingManager
时间:2020-05-16
本文章向大家介绍百度地图 JavaScript api 2.0之类 BMapLib.DrawingManager,主要包括百度地图 JavaScript api 2.0之类 BMapLib.DrawingManager使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
来源 http://api.map.baidu.com/library/DrawingManager/1.4/docs/symbols/BMapLib.DrawingManager.html
类 BMapLib.DrawingManager
鼠标绘制管理类,实现鼠标绘制管理的入口。 实例化该类后,即可调用该类提供的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}
|
绘制矩形完成后,派发的事件接口
|
类
BMapLib.DrawingManager(map, opts)
DrawingManager类的构造函数
参考示例:
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" });
- 参数:
- {Map} map
- Baidu map的实例对象
- {Json Object} opts
- 可选的输入参数,非必填项。可输入选项包括:
{"isOpen" : {Boolean} 是否开启绘制模式
"enableDrawingTool" : {Boolean} 是否添加绘制工具栏控件,默认不添加
"drawingToolOptions" : {Json Object} 可选的输入参数,非必填项。可输入选项包括
"anchor" : {ControlAnchor} 停靠位置、默认左上角
"offset" : {Size} 偏移值。
"scale" : {Number} 工具栏的缩放比例,默认为1
"drawingModes" : {DrawingType} 工具栏上可以选择出现的绘制模式,将需要显示的DrawingType以数组型形式传入,如[BMAP_DRAWING_MARKER, BMAP_DRAWING_CIRCLE] 将只显示画点和画圆的选项
"enableCalculate" : {Boolean} 绘制是否进行测距(画线时候)、测面(画圆、多边形、矩形)
"markerOptions" : {CircleOptions} 所画的点的可选参数,参考api中的对应类
"circleOptions" : {CircleOptions} 所画的圆的可选参数,参考api中的对应类
"polylineOptions" : {CircleOptions} 所画的线的可选参数,参考api中的对应类
"polygonOptions" : {PolygonOptions} 所画的多边形的可选参数,参考api中的对应类
"rectangleOptions" : {PolygonOptions} 所画的矩形的可选参数,参考api中的对应类
方法详述
close()
关闭地图的绘制状态
参考示例:
myDrawingManagerObject.close();
disableCalculate()
关闭距离或面积计算
参考示例:
myDrawingManagerObject.disableCalculate();
enableCalculate()
打开距离或面积计算
参考示例:
myDrawingManagerObject.enableCalculate();
{DrawingType} getDrawingMode()
获取当前的绘制模式
参考示例:
alert(myDrawingManagerObject.getDrawingMode());
- 返回值:
- {DrawingType} 绘制的模式
open()
开启地图的绘制模式
参考示例:
myDrawingManagerObject.open();
{Boolean} setDrawingMode(DrawingType)
设置当前的绘制模式,参数DrawingType,为5个可选常量:
BMAP_DRAWING_MARKER 画点
BMAP_DRAWING_CIRCLE 画圆
BMAP_DRAWING_POLYLINE 画线
BMAP_DRAWING_POLYGON 画多边形
BMAP_DRAWING_RECTANGLE 画矩形
BMAP_DRAWING_MARKER 画点
BMAP_DRAWING_CIRCLE 画圆
BMAP_DRAWING_POLYLINE 画线
BMAP_DRAWING_POLYGON 画多边形
BMAP_DRAWING_RECTANGLE 画矩形
参考示例:
myDrawingManagerObject.setDrawingMode(BMAP_DRAWING_POLYLINE);
- 参数:
- {DrawingType} DrawingType
- 返回值:
- {Boolean}
事件详述
circlecomplete(overlay)
绘制圆完成后,派发的事件接口
- 参数:
- {Circle} overlay
- 回调函数会返回相应的覆盖物,
{"overlay : {Circle}
markercomplete(overlay)
绘制点完成后,派发的事件接口
参考示例: myDrawingManagerObject.addEventListener("circlecomplete", function(e, overlay) { alert(overlay); });
- 参数:
- {Marker} overlay
- 回调函数会返回相应的覆盖物,
{"overlay : {Marker}
overlaycomplete(e)
鼠标绘制完成后,派发总事件的接口
参考示例: myDrawingManagerObject.addEventListener("overlaycomplete", function(e) { alert(e.drawingMode); alert(e.overlay); alert(e.calculate); alert(e.label); });
- 参数:
- {Event Object} e
- 回调函数会返回event参数,包括以下返回值:
{"drawingMode : {DrawingType} 当前的绘制模式
"overlay:{Marker||Polyline||Polygon||Circle} 对应的绘制模式返回对应的覆盖物
"calculate:{Number} 需要开启计算模式才会返回这个值,当绘制线的时候返回距离、绘制多边形、圆、矩形时候返回面积,单位为米,
"label:{Label} 计算面积时候出现在Map上的Label对象
polygoncomplete(overlay)
绘制多边形完成后,派发的事件接口
- 参数:
- {Polygon} overlay
- 回调函数会返回相应的覆盖物,
{"overlay : {Polygon}
polylinecomplete(overlay)
绘制线完成后,派发的事件接口
- 参数:
- {Polyline} overlay
- 回调函数会返回相应的覆盖物,
{"overlay : {Polyline}
rectanglecomplete(overlay)
绘制矩形完成后,派发的事件接口
- 参数:
- {Polygon} overlay
- 回调函数会返回相应的覆盖物,
{"overlay : {Polygon}
原文地址:https://www.cnblogs.com/zouhao/p/12902248.html
- Java基础-day09-代码题-对象;类;封装
- MySQL replace into的使用细则(r10笔记第48天)
- Win10下用Anaconda安装TensorFlow
- 【Go 语言社区】跨域问题解决方案:jsonP客户端和服务器代码
- 图;代码轻松理解,代理
- 巧用闪回数据库来查看历史数据 (r10笔记第47天)
- 【Go 语言社区】Golang内存分配
- 小白也能懂的手写体识别
- 【Go 语言社区】浅析javascript的间隔调用和延时调用
- 说说JSON和JSONP,也许你会豁然开朗-转
- C++动态链接库
- Java基础-day11-接口;多态案例练习
- 记一次sql server 性能调优,查询从20秒至2秒
- axis2开发webservice(1)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python自学成才之路 装饰器编程之初试装饰器
- Python自学成才之路 元类中的__new__和__init__方法
- Centreon+Nagios实战第七篇——安装NRPE
- Python自学成才之路 详解类的三个重要方法__new__,__init__,__call__
- Centreon+Nagios实战第五篇——监控端安装Centreon
- Centreon+Nagios实战第四篇——监控端安装NDOUtils
- python自学成才之路 类属性和实例属性,__slots__方法
- 算法初步 基本概念 最大子数组和
- Oracle数据库名、实例名、ORACLE_SID、数据库域名、全局数据库名、服务名详解
- Maven实战之旅第六篇——maven常用指令
- maven实战之旅第四篇——利用maven archetype手动建立一个maven项目
- 一起刷 leetcode 之旋转矩阵
- exe调用DLL的方式
- 聊聊claudb的DatabaseCleaner
- Stata | 排名转为得分