当前位置: 首页 > news >正文

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.lryc.cn/news/347695.html

相关文章:

  • Yarn的安装和使用详细教程(Mac/Window)
  • 高考志愿系统-学生管理模块分析
  • 【问题实操】银河高级服务器操作系统实例分享,开机之后反复重启
  • 攻防世界-web-unseping
  • 网络网络层之(4)IPv4协议
  • 16-LINUX--线程安全
  • Flask SQLAlchemy 技术指南
  • js通过时间对JSON中的数据进行排序
  • leetcode206-Reverse Linked List
  • 云计算第十二课
  • 【elasticsearch】慢查询替代查询审计的尝试
  • 腐烂的橘子BFS
  • 什么是分库分表
  • pytest并发执行用例方案
  • VO,PO,DTO
  • Java设计模式-工厂
  • 【JavaEE】【1.3 Servlet】1.3.6 监听
  • C#泛型委托
  • 从零开始精通RTSP之多播传输
  • (五)STM32F407 cubemx IIC驱动OLED(2)硬件篇
  • 头歌实践教学平台:CG1-v1.0-点和直线的绘制
  • java基础之面向对象的思想
  • 红黑树的理解和简单实现
  • 发表博客之:gemm/threadblock/threadblock_swizzle.h 文件夹讲解,cutlass深入讲解
  • 【C语言项目】贪吃蛇(下)
  • 【Unity实战|热更】Addressable读取SO文件报错解决
  • Web自动化 - selenium
  • 基于select for update 实现数据库分布式锁
  • Java后端实现对象与文件接收数据(minio测试)
  • 考研踩坑经验分享