bigemap地图下载器 百度离线地图API接口文档及接口调用实例——鼠标绘制点线面类参考

本文主要是介绍bigemap地图下载器 百度离线地图API接口文档及接口调用实例——鼠标绘制点线面类参考,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

类 BMapLib.DrawingManager

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

描述

BMapLib.DrawingManager(map, opts)

DrawingManager类的构造函数

方法

方法返回值描述

close()

 

关闭地图的绘制状态

disableCalculate()

 

关闭距离或面积计算

enableCalculate()

 

打开距离或面积计算

getDrawingMode()

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}

绘制点完成后,派发的事件接口

overlaycomplete(e)

{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 画矩形

 

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}

这篇关于bigemap地图下载器 百度离线地图API接口文档及接口调用实例——鼠标绘制点线面类参考的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/807683

相关文章

使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)

《使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)》PPT是一种高效的信息展示工具,广泛应用于教育、商务和设计等多个领域,PPT文档中常常包含丰富的图片内容,这些图片不仅提升了... 目录一、引言二、环境与工具三、python 提取PPT背景图片3.1 提取幻灯片背景图片3.2 提取

usb接口驱动异常问题常用解决方案

《usb接口驱动异常问题常用解决方案》当遇到USB接口驱动异常时,可以通过多种方法来解决,其中主要就包括重装USB控制器、禁用USB选择性暂停设置、更新或安装新的主板驱动等... usb接口驱动异常怎么办,USB接口驱动异常是常见问题,通常由驱动损坏、系统更新冲突、硬件故障或电源管理设置导致。以下是常用解决

Android实现在线预览office文档的示例详解

《Android实现在线预览office文档的示例详解》在移动端展示在线Office文档(如Word、Excel、PPT)是一项常见需求,这篇文章为大家重点介绍了两种方案的实现方法,希望对大家有一定的... 目录一、项目概述二、相关技术知识三、实现思路3.1 方案一:WebView + Office Onl

Python实现word文档内容智能提取以及合成

《Python实现word文档内容智能提取以及合成》这篇文章主要为大家详细介绍了如何使用Python实现从10个左右的docx文档中抽取内容,再调整语言风格后生成新的文档,感兴趣的小伙伴可以了解一下... 目录核心思路技术路径实现步骤阶段一:准备工作阶段二:内容提取 (python 脚本)阶段三:语言风格调

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

使用Java将DOCX文档解析为Markdown文档的代码实现

《使用Java将DOCX文档解析为Markdown文档的代码实现》在现代文档处理中,Markdown(MD)因其简洁的语法和良好的可读性,逐渐成为开发者、技术写作者和内容创作者的首选格式,然而,许多文... 目录引言1. 工具和库介绍2. 安装依赖库3. 使用Apache POI解析DOCX文档4. 将解析

SQL表间关联查询实例详解

《SQL表间关联查询实例详解》本文主要讲解SQL语句中常用的表间关联查询方式,包括:左连接(leftjoin)、右连接(rightjoin)、全连接(fulljoin)、内连接(innerjoin)、... 目录简介样例准备左外连接右外连接全外连接内连接交叉连接自然连接简介本文主要讲解SQL语句中常用的表

springboot项目中常用的工具类和api详解

《springboot项目中常用的工具类和api详解》在SpringBoot项目中,开发者通常会依赖一些工具类和API来简化开发、提高效率,以下是一些常用的工具类及其典型应用场景,涵盖Spring原生... 目录1. Spring Framework 自带工具类(1) StringUtils(2) Coll

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Java调用C++动态库超详细步骤讲解(附源码)

《Java调用C++动态库超详细步骤讲解(附源码)》C语言因其高效和接近硬件的特性,时常会被用在性能要求较高或者需要直接操作硬件的场合,:本文主要介绍Java调用C++动态库的相关资料,文中通过代... 目录一、直接调用C++库第一步:动态库生成(vs2017+qt5.12.10)第二步:Java调用C++