uniapp 百度地图 拖动获取经纬度级搜索连用

import loadBMap from '@/utils/loadBMap.js'// 百度聚合具体代码
// 拖动
initMapc() {let that = thisloadBMap('百度key').then(() => {map = new BMap.Map('mapContainer')const centerPoint = new BMap.Point(this.longitude, this.latitude)map.centerAndZoom(centerPoint, this.zoom)// 添加缩放控件map.addControl(new BMap.NavigationControl());// 创建标记var isDragging = false;var timer = null;marker = new BMap.Marker(centerPoint);// 将标记添加到地图中map.addOverlay(marker);// map.panTo(position.point, 15) //让指定位置移动到地图中心// 监听地图拖动事件var isDragging = false;var timer = null;map.addEventListener('dragend', () => {isDragging = true;// 如果已经设置了一个定时器,则清除它if (timer) {clearTimeout(timer);}// 创建一个新的定时器,延迟一段时间后执行timer = setTimeout(function() {if (isDragging) {// 如果仍然处于拖动状态,则认为拖动已经停止isDragging = false;const newCenter = map.getCenter();marker.setPosition(newCenter); // 更新标记点位置// console.log(newCenter)// console.log(newCenter.lng )that.latitude = newCenter.latthat.longitude = newCenter.lngthat.transLocation()}}, 300); // 设置延迟时间,单位为毫秒});})},// 搜索loadAddress() {let that = thisthat.infor.adcode = ''that.list = []var local = new BMap.LocalSearch(map, {});local.enableAutoViewport(); // 启用自动视野定位// 监听搜索结果let poiOne = nulllocal.search(this.searchValue); // this.searchValue 搜索文字local.setSearchCompleteCallback(function(searchResult) {for (let i = 0; i < searchResult.getNumPois(); i++) {let poi = searchResult.getPoi(i);if (searchResult.getPoi(0)) {poiOne = searchResult.getPoi(0)const centerPoint = new BMap.Point(poiOne.point.lng, poiOne.point.lat)map.centerAndZoom(centerPoint, that.zoom)// 更新地图中心为标记点位置map.panTo(new BMap.Point(poiOne.point.lng, poiOne.point.lat));}if (typeof(poi) != 'undefined' || poi) {that.list.push(poi)}}});},```

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/11283.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Agilent MSO9404A、Keysight MSO9404A示波器,4 GHz,4 通道,20 GSa/s

Agilent MSO9404A、Keysight MSO9404A、HP MSO9404A 示波器&#xff0c;4 GHz&#xff0c;4 通道&#xff0c;20 GSa/s Keysight MSO9404A 示波器配备 15 英寸 XGA 显示屏&#xff0c;封装深度仅为 9 英寸&#xff08;23 厘米&#xff09;&#xff0c;重量仅为 26 磅&#xff…

AI地名故事:笔岗村

笔岗村&#xff0c;实际上是由笔村和宏岗村两个古老的村落合并而成的。南宋度宗元年&#xff0c;也就是公元1265年&#xff0c;笔村开始建立。随着时间的推移&#xff0c;到了宋代后期&#xff0c;宏岗村也相继建立。这两个村落各自承载着丰富的历史和文化&#xff0c;最终在历…

铁山靠之数学建模 - Matlab入门

Matlab基础 1. Matlab界面与基本操作1.1 matlab帮助系统1.2 matlab命令1.3 matlab功能符号1.4 matlab的数据类型1.5 函数计算1.6 matlab向量1.7 matlab多项式1.8 M文件1.9 函数文件1.10 matlab的程序结构1.11 echo、warning和error函数1.12 交互输入1.13 程序调试1.14 设置断点…

各个行业里做得比较好的SAAS平台(强烈建议收藏)

各个行业里做得比较好的SAAS平台&#xff0c;供大家参考&#xff01; 具体如下&#xff1a; 1、企业IM&#xff1a;钉钉、企业微信、班聊 2、IT运维平台&#xff1a;宝企通IT服务、卓豪 3、OA协同&#xff1a;织信、今目标、明道 4、人力资源&#xff1a;金柚网、51社保、…

‌‍‬⁣⁡​⁤⁢​⁢⁡⁣‬‍‌​​‬ ​‍⁤‬ ‬⁡⁡⁡‍‌‬⁡⁡⁢‬⁤⁢⁢⁤​‍‌​​‬ ​⁣‌绘唐3一键追爆款反推软件哪家好

‌‍‬⁣⁡​⁤⁢​⁢⁡⁣‬‍‌​​‬ ​‍⁤‬ ‬⁡⁡⁡‍‌‬⁡⁡⁢‬⁤⁢⁢⁤​‍‌​​‬ ​⁣‌绘唐3一键追爆款反推软件哪家好 支持单镜精绘&#xff0c;可以根据故事情节进行单镜头绘图调整&#xff0c;并支持对SD各类模型的自定义调整。 支持一键完成图文视频合成&am…

Windows11“重置此电脑”后,Edge浏览器在微软应用商店显示“已安装”,但是开始菜单搜索不到的解决办法

Windows11“重置此电脑”后&#xff0c;Edge浏览器在微软应用商店显示“已安装”&#xff0c;但是开始菜单搜索不到的解决办法 为什么重新使用Edge&#xff1f;问题描述不该更新可用更新问过AI&#xff08;通义千问&#xff09;&#xff0c;并且AI提供方法全都无效。现象 操作步…

国产分布式数据库高可用故障检测实现

在分布式数据库架构下&#xff0c;当数据库节点异常时&#xff0c;数据库管理组件能够自动感知到异常并触发节点隔离或者自动切换&#xff0c;是数据库高可用容灾的基本能力。在节点服务器异常、网络异常或进程异常等场景下&#xff0c;各数据库产品本身已经具备了可靠的检测能…

流动性生态协议MTMT正式登陆MEXC,将在5月13日开启交易

据悉&#xff0c;MTMT SFT流动性应用协议代币MTMT&#xff0c;在社区正式宣布即将登陆全球知名的加密货币交易平台MEXC&#xff0c;并将于5月13日正式上线并开放交易。 MTMT SFT流动性应用协议&#xff0c;全称Meta-Transaction Management Tool&#xff0c;是一个基于去中心化…

为什么说气膜是环保建筑呢—轻空间

气膜建筑&#xff0c;作为一种绿色环保建筑&#xff0c;其环保特性主要体现在以下几个方面&#xff1a; 1. 节约水资源&#xff1a; 气膜建筑在施工和运行过程中不需要大量水资源&#xff0c;与传统建筑相比&#xff0c;可以每年节约数万吨水资源。这种节约不仅有利于缓解水资源…

使用centos7搭建流媒体平台

实现流媒体直播 流媒体服务器&#xff0c;推流客户端&#xff0c;拉流客户端 硬件设施 centos7服务器&#xff0c;window拉流客户端 软件层面 dockersnginxrtmp模块 其他工具 git vlc 搭建rtmp服务器 这里是搭建服务器的环境 首先配置centos的环境 下载vmware vmware的…

【学习AI-相关路程-工具使用-自我学习-Ubuntucudavisco-开发工具尝试-基础样例 (2)】

【学习AI-相关路程-工具使用-自我学习-cuda&visco-开发工具尝试-基础样例 &#xff08;2&#xff09;】 1、前言2、环境说明3、总结说明4、工具安装0、验证cuda1、软件下载2、插件安装 5、软件设置与编程练习1、创建目录2、编译软件进入目录&创建两个文件3、编写配置文…

【iOS开发】—— 初识锁

【iOS开发】—— 初识锁 线程安全锁的种类自旋锁定义原理自旋锁缺点OSSpinLock&#xff08;自旋锁&#xff09; 互斥锁os_unfair_lockpthread_mutexNSLockNSRecusiveLockSemaphore信号量synchronized 总结两种之间的区别和联系&#xff1a; 线程安全 当一个线程访问数据的时候…

音视频开发4-补充 FFmpeg 开发环境搭建 -- ubuntu ffmpeg开发环境搭建

ubuntu ffmpeg开发环境搭建 1 创建目录 在 /home/hunandede/ffmpeg/ 目录下创建 ffmpeg_sources&#xff1a;用于下载源文件 ffmpeg_build&#xff1a; 存储编译后的库文件 bin&#xff1a;存储二进制文件&#xff08;ffmpeg&#xff0c;ffplay&#xff0c;ffprobe&#…

Request请求数据 (** kwargs参数)

目录 &#x1f31f;前言&#x1f349;request入门1. params2. data3. json4. headers5. cookies6. auth7. files8. timeout9. proxies10. allow_redirects11. stream12. verify13. cert &#x1f31f;总结 &#x1f31f;前言 在Python中&#xff0c;发送网络请求是一项常见的任…

Linux----磁盘操作

1.在Linux中要使用一个新的磁盘&#xff0c;通常可以按照哪几个步骤进行&#xff1f; 在Linux中要使用一个新的磁盘&#xff0c;通常可以按照以下步骤进行&#xff1a; 查看磁盘&#xff1a;使用 fdisk -l 等命令查看新磁盘是否被系统识别。分区&#xff1a;使用 fdisk 或 gdis…

淘宝商品评论电商API接口,让你购物不再困扰

现在的时代购物已经成为了人们生活中不可或缺的一部分。然而&#xff0c;面对琳琅满目的商品&#xff0c;我们常常犯愁&#xff0c;不知道如何选择。为了解决这个问题&#xff0c;淘宝推出了商品评论电商API接口&#xff0c;为广大消费者提供了极大的便利。联讯数据将详细介绍淘…

数据挖掘实战-基于决策树算法构建银行贷款审批预测模型

&#x1f935;‍♂️ 个人主页&#xff1a;艾派森的个人主页 ✍&#x1f3fb;作者简介&#xff1a;Python学习者 &#x1f40b; 希望大家多多支持&#xff0c;我们一起进步&#xff01;&#x1f604; 如果文章对你有帮助的话&#xff0c; 欢迎评论 &#x1f4ac;点赞&#x1f4…

6818Linux内核--Bootloader应用分析

Bootloader应用分析 一个嵌入式 Linux 系统从软件的角度看通常可以分为四个层次&#xff1a; 引导加载程序。包括固化在固件( firmware )中的 boot 代码(可选)&#xff0c;和 Boot Loader 两大部分。 Linux 内核。特定于嵌入式板子的定制内核以及内核的启动参数。 文件系统…

一分钟把小程序音频保存到手机上

在这个快节奏的时代&#xff0c;每一分钟都显得格外珍贵。你是否曾在小程序中偶遇一段旋律&#xff0c;它如同清晨的露珠&#xff0c;晶莹剔透&#xff0c;却又转瞬即逝&#xff1f;是否曾在某个瞬间&#xff0c;渴望将那段旋律永久地镌刻在心间&#xff0c;让它成为你私人时光…

vant NavBar 导航栏详解

vant 是一个基于 Vue 的移动端 UI 组件库&#xff0c;而 NavBar 是其中的一个导航栏组件。下面是对 vant 的 NavBar 导航栏组件的详细解释&#xff1a; 1. 引入 NavBar 首先&#xff0c;你需要在你的 Vue 组件中引入 NavBar 组件&#xff1a; import { NavBar } from vant; …