vue + 百度地图GL版判断一个点位是否在地图可视区内

devtools/2024/10/19 10:24:00/

利用BMapGLLib中isPointInRect

因为没有找到官方文档因此直接下载了该工具的源码,复制以下部分到自己的项目中,避免再次引用完整的BMapGLLib脚本

 关键方法

javascript">    isPointInRect(point, bounds) {if (!(point.toString() === "Point" || point.toString() === "LatLng") ||!(bounds instanceof BMapGL.Bounds)) {return false;}var sw = bounds.getSouthWest(); // 西南脚点var ne = bounds.getNorthEast(); // 东北脚点return (point.lng >= sw.lng &&point.lng <= ne.lng &&point.lat >= sw.lat &&point.lat <= ne.lat);},

使用

javascript">   isPointInViewport(params = {}) {const {sw, ne, point} = params;const swGL = new BMapGL.Point(sw.lng, sw.lat);const neGL = new BMapGL.Point(ne.lng, ne.lat);const pointGL = new BMapGL.Point(point.lng, point.lat);if (this.isPointInRect(pointGL, new BMapGL.Bounds(swGL, neGL))) {console.log("在区域内");return true} else {console.log("不再区域内");return false}},searchRadarInViewport(config) {// 参考:// this.bdMap = new BMapGL.Map("map-container"); // 创建Map实例// let bounds = this.bdMap.getBounds(); //获取地图可视区域console.log(config, "config"); // config 是从其他组件接收到的地图boundsthis.isPointInViewport({sw: config.WS,ne: config.EN,point: {lng: 111.75963626067835, lat: 41.57808734176302}})},


http://www.ppmy.cn/devtools/126976.html

相关文章

三菱FX PLC设计一个电子钟程序实例

在这里介绍三菱FX系列PLC的计数器C的功能、结构&#xff0c;计数过程及工作原理。 功能&#xff1a; 对内部元件X、Y、M、S、T、C的信号进行计数。 结构&#xff1a; 线圈、触点、设定值寄存器、当前值寄存器。 地址编号&#xff1a; 字母C&#xff0b;&#xff08;…

郑州大学第一附属医院许建中教授专家团队会诊室揭牌仪式在郑州长江中医院成功举行

近日&#xff0c;郑州大学第一附属医院许建中教授专家团队会诊室揭牌仪式暨骨关节病非手术治疗技术推广计划启动仪式在郑州举行。郑州大学第一附属医院许建中教授及其专家团队&#xff0c;郑州长江中医院专家团出席了本次活动。 关节病&#xff0c;尤其是膝关节、肩关节等关节的…

Qt_软件添加版本信息

文章内容: 给生成的软件添加软件的版权等信息 #include <windows.h> //中文的话增加下面这一行 #pragma code_page(65001)VS_VERSION_INFO VERSIONINFO

JavaScript网页设计案例:构建动态交互的在线图书管理系统

JavaScript网页设计案例&#xff1a;构建动态交互的在线图书管理系统 在当今的数字化时代&#xff0c;网页设计不仅仅是关于美观和布局&#xff0c;更重要的是用户体验和互动性。JavaScript&#xff0c;作为一种强大的编程语言&#xff0c;在网页开发中扮演着至关重要的角色&a…

Miniconda管理虚拟环境【Python环境配置】

Miniconda管理虚拟环境【Python环境配置】 1. 下载并安装Miniconda2. 管理虚拟环境3. 管理虚拟环境中的包 1. 下载并安装Miniconda 1. 下载 从清华大学开源软件镜像站 | Tsinghua Open Source Mirror 下载Miniconda&#xff1a;https://mirrors.tuna.tsinghua.edu.cn/anaconda…

【JavaEE】【多线程】Thread类讲解

目录 一、Thread构造方法二、Thread 的常见属性三、创建一个线程四、获取当前线程引用五、终止一个线程5.1 使用标志位5.2 使用自带的标志位 六、等待一个线程七、线程休眠八、线程状态九、线程安全9.1 线程不安全原因总结9.2 解决由先前线程不安全问题例子 一、Thread构造方法…

MySQL数据的导入

【图书推荐】《MySQL 9从入门到性能优化&#xff08;视频教学版&#xff09;》-CSDN博客 《MySQL 9从入门到性能优化&#xff08;视频教学版&#xff09;&#xff08;数据库技术丛书&#xff09;》(王英英)【摘要 书评 试读】- 京东图书 (jd.com) MySQL9数据库技术_夏天又到了…

48.旋转图像

目录 题目解法如何转置矩阵swap()reverse怎么用 题目 给定一个 n n 的二维矩阵 matrix 表示一个图像。请你将图像顺时针旋转 90 度。 你必须在 原地 旋转图像&#xff0c;这意味着你需要直接修改输入的二维矩阵。请不要 使用另一个矩阵来旋转图像。 解法 如何转置矩阵 // …