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

相关文章

百度/小米/滴滴/京东,中台架构比较

小米中台建设实践 01 小米的三大中台建设:业务+数据+技术 业务中台--从业务说起 在中台建设中,需要规范化的服务接口、一致整合化的数据、容器化的技术组件以及弹性的基础设施。并结合业务情况,判定是否真的需要中台。 小米参考了业界优秀的案例包括移动中台、数据中台、业务中台、技术中台等,再结合其业务发展历程及业务现状,整理了中台架构的核心方法论,一是企业如何共享服务,二是如何为业务提供便利。

无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

墙体画线地图切分方案 针对问题:墙体两侧特征混淆误匹配,导致建图和定位偏差,表现为过门跳变、外月台走歪等 ·解决思路:预期的根治方案IGICP需要较长时间完成上线,先使用切分地图的工程化方案,即墙体两侧切分为不同地图,在某一侧只使用该侧地图进行定位 方案思路 切分原理:切分地图基于关键帧位置,而非点云。 理论基础:光照是直线的,一帧点云必定只能照射到墙的一侧,无法同时照到两侧实践考虑:关

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件: 2.调用utility bar api的方式有两种: 方法一,通过lwc调用: import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca

常用的jdk下载地址

jdk下载地址 安装方式可以看之前的博客: mac安装jdk oracle 版本:https://www.oracle.com/java/technologies/downloads/ Eclipse Temurin版本:https://adoptium.net/zh-CN/temurin/releases/ 阿里版本: github:https://github.com/

活用c4d官方开发文档查询代码

当你问AI助手比如豆包,如何用python禁止掉xpresso标签时候,它会提示到 这时候要用到两个东西。https://developers.maxon.net/论坛搜索和开发文档 比如这里我就在官方找到正确的id描述 然后我就把参数标签换过来

【机器学习】高斯过程的基本概念和应用领域以及在python中的实例

引言 高斯过程(Gaussian Process,简称GP)是一种概率模型,用于描述一组随机变量的联合概率分布,其中任何一个有限维度的子集都具有高斯分布 文章目录 引言一、高斯过程1.1 基本定义1.1.1 随机过程1.1.2 高斯分布 1.2 高斯过程的特性1.2.1 联合高斯性1.2.2 均值函数1.2.3 协方差函数(或核函数) 1.3 核函数1.4 高斯过程回归(Gauss

【WebGPU Unleashed】1.1 绘制三角形

一部2024新的WebGPU教程,作者Shi Yan。内容很好,翻译过来与大家共享,内容上会有改动,加上自己的理解。更多精彩内容尽在 dt.sim3d.cn ,关注公众号【sky的数孪技术】,技术交流、源码下载请添加微信号:digital_twin123 在 3D 渲染领域,三角形是最基本的绘制元素。在这里,我们将学习如何绘制单个三角形。接下来我们将制作一个简单的着色器来定义三角形内的像素

计算机毕业设计 大学志愿填报系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试

🍊作者:计算机编程-吉哥 🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、 源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。 🍊心愿:点赞 👍 收藏 ⭐评论 📝 🍅 文末获取源码联系 👇🏻 精彩专栏推荐订阅 👇🏻 不然下次找不到哟~Java毕业设计项目~热门选题推荐《1000套》 目录 1.技术选型 2.开发工具 3.功能

Flutter 进阶:绘制加载动画

绘制加载动画:由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类:LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态,而 LoadingPainter 则负责绘制动画。

韦季李输入法_输入法和鼠标的深度融合

在数字化输入的新纪元,传统键盘输入方式正悄然进化。以往,面对实体键盘,我们常需目光游离于屏幕与键盘之间,以确认指尖下的精准位置。而屏幕键盘虽直观可见,却常因占据屏幕空间,迫使我们在操作与视野间做出妥协,频繁调整布局以兼顾输入与界面浏览。 幸而,韦季李输入法的横空出世,彻底颠覆了这一现状。它不仅对输入界面进行了革命性的重构,更巧妙地将鼠标这一传统外设融入其中,开创了一种前所未有的交互体验。 想象