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

uniapp:跳转第三方地图

1.跳转第三方高德地图

//跳转地图
toMap(item){uni.navigateTo({url: (window.location.href = `https://uri.amap.com/navigation?to=${item.lng},${item.lat},${item.shopName}&mode=car&policy=1&src=https://gawl.gazhcs.com/wap/index.html&callnative=0`)})
},

2.可选择第三方地图

// 地图
headMap(e){uni.openLocation({longitude: Number(e.F_lng),latitude: Number(e.F_Lat),          name: e.F_FullName, // 位置名称address: e.F_Address, // 位置地点success: function (res) {console.log('打开系统位置地图成功')},fail: function (error) {console.log(error)},})
},

h5端 (小程序端会直接换起第三方地图选择,直接跳转第三方地图app)

3.搜索地图及周边

1.引用腾讯地图文件及key值

​
//引入SDK核心类
var QQMapWX = require('../../assert/qqmap-wx-jssdk.min.js');
// 实例化API核心类
var qqmapsdk = new QQMapWX({key: 'key_zhi' // 必填
});​

 2.搜索请求

// 搜索附近交通
async searchNearbyTransit() {try {const keyword = this.ggtitle; // 搜索关键词,可以是多个用'|'分隔console.log(keyword)const response = await new Promise((resolve, reject) => {this.qqmapsdk.search({keyword: keyword,location: `${this.latitude},${this.longitude}`, // 当前位置坐标radius: 1000, // 搜索半径,单位:米success: resolve,fail: reject,});});this.nearbyTransports = response.data || [];if(this.nearbyTransports.length == 0){uni.showToast({title:'暂无数据',icon:'none',duration:2000})}console.log('附近交通设施:', this.nearbyTransports);} catch (error) {uni.showToast({title:'请求key今日已达上限!',icon:'none',duration:2000})console.error('搜索附近交通设施失败:', error);}
},

3.点击切换不同搜索请求

tab(e) {this.active = eif(e == 1){this.ggtitle = '公交站|地铁站'}else if(e == 2){this.ggtitle = '风景名胜'}else if(e == 3){this.ggtitle = '餐饮'}else if(e == 4){this.ggtitle = '商店超市'}this.searchNearbyTransit()
}

 

http://www.lryc.cn/news/514758.html

相关文章:

  • 深入浅出梯度下降算法:快速抵达函数最小值的方法
  • RWKV 语言模型
  • pycharm如何拉取一个git项目,然后,修改后再上传到自建的项目中?
  • Java 性能调优实战
  • ctfshow 每日练习 web 区 php特性 1-10
  • 《C++设计模式》单例模式
  • mapbox进阶,添加路径规划控件
  • 【论文阅读笔记】SCI算法与代码 | 低照度图像增强 | 2022.4.21
  • RAG实战:本地部署ragflow+ollama(linux)
  • 前路漫漫,曙光在望 !
  • 特征工程-特征预处理
  • 代码随想录算法训练营day22
  • 2024秋语法分析作业-B(满分25分)
  • Python爬虫入门(1)
  • 鸿蒙1.2:第一个应用
  • 2024年常用工具
  • 【蓝桥杯】走迷宫
  • 【pyqt】(三)designer
  • 【Go学习】-01-3-函数 结构体 接口 IO
  • 昆仑万维大数据面试题及参考答案
  • 20250103在Ubuntu20.04.5的Android Studio 2024.2.1.12中跑通Hello World
  • Hack The Box-Starting Point系列Three
  • 【Python其他生成随机字符串的方法】
  • redis7基础篇2 redis的主从模式1
  • Springboot - Web
  • 【C】​动态内存管理
  • lec5-传输层原理与技术
  • 【C语言】_指针运算
  • “AI智慧教学系统:开启个性化教育新时代
  • 商用车自动驾驶,迎来大规模量产「临界点」?