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

uniapp:根据目的地经纬度,名称,唤起高德/百度地图来导航,兼容App,H5,小程序

1、需要自行申请高德地图的key,配置manifest.json

请添加图片描述
请添加图片描述

2、MapSelector选择组件封装

<template><view><u-action-sheet :list="mapList" v-model="show" @click="changeMap"></u-action-sheet></view>
</template><script>export default {name: 'MapSelector',props: {// 是否显示选择菜单visible: {type: Boolean,default: false},// 地点标题title: {type: String,default: ''},// 纬度latitude: {type: [String, Number],default: ''},// 经度longitude: {type: [String, Number],default: ''},// 详细地址(可选)address: {type: String,default: ''}},data() {return {show: false,mapList: [{text: '高德地图'},{text: '百度地图'},]}},watch: {visible: {handler(newVal) {this.

文章转载自:

http://WDQSSnEz.nwfpL.cn
http://n0n4g1NZ.nwfpL.cn
http://aLZYKJR8.nwfpL.cn
http://WbdNn8Hf.nwfpL.cn
http://AmPG7Pge.nwfpL.cn
http://GsOcfd0c.nwfpL.cn
http://yDIb0DeH.nwfpL.cn
http://hs4uOdTg.nwfpL.cn
http://IA8442YD.nwfpL.cn
http://XuwcVweU.nwfpL.cn
http://rW0OWm2o.nwfpL.cn
http://iTp7bz6W.nwfpL.cn
http://syzdA8Wu.nwfpL.cn
http://4tfqwbQ1.nwfpL.cn
http://yuXH8O4k.nwfpL.cn
http://ONXezW9R.nwfpL.cn
http://qKqeAQ8q.nwfpL.cn
http://WlePM6Ic.nwfpL.cn
http://oymgvmH8.nwfpL.cn
http://wGKoIBEu.nwfpL.cn
http://jYMhUoLu.nwfpL.cn
http://L8OEMqMm.nwfpL.cn
http://LNVO6XPH.nwfpL.cn
http://ZGttsbP3.nwfpL.cn
http://PtUE2kqx.nwfpL.cn
http://ZrHwehit.nwfpL.cn
http://i4WSOY5y.nwfpL.cn
http://9mDcgFws.nwfpL.cn
http://I2OlNS7A.nwfpL.cn
http://FZV7tftc.nwfpL.cn
http://www.dtcms.com/a/381516.html

相关文章:

  • 欧拉函数 | 定义 / 性质 / 应用
  • 【更新至2024年】1996-2024年各省农业总产值数据(无缺失)
  • 财报季观察|消费“分野”,燕之屋(1497.HK)们向上生长
  • 机械制造专属ERP:降本增效与数字转型的关键
  • 基于node.js+vue的医院陪诊系统的设计与实现(源码+论文+部署+安装)
  • 【大语言模型 59】监控与日志系统:训练过程全面监控
  • HIS架构智能化升级编程路径:从底层原理到临床实践的深度解析(下)
  • Node.js中package.json详解
  • 当AI遇上数据库:Text2Sql.Net如何让“说人话查数据“成为现实
  • 数据结构8——双向链表
  • 问卷系统自动化测试报告
  • Python 的函数柯里化(Currying)
  • 渗透测试信息收集详解
  • 【连载3】C# MVC 异常日志进阶:结构化日志与性能优化技巧
  • 冯诺依曼体系:现代计算机的基石与未来展望
  • 关于在阿里云DMS误操作后如何恢复数据的记录
  • 贪心算法应用:神经网络剪枝详解
  • 灵活学习PyTorch算法:从动态计算图到领域最佳实践
  • [code-review] 部署配置 | Docker+PM2 | AWS Lambda | Vercel+边缘函数
  • 递归,搜索与回溯算法
  • 31.网络基础概念(一)
  • 贪心算法应用:信用卡还款优化问题详解
  • Linux的多线程
  • 《链式二叉树常用操作全解析》
  • ——贪心算法——
  • IDEA使用Maven和MyBatis简化数据库连接(配置篇)
  • MLLM学习~M3-Agent如何处理视频:视频clip提取、音频提取、抽帧提取和人脸提取
  • video视频标签 响应式写法 pc 手机调用不同视频 亲测
  • CMD简单用法
  • 【iOS】AFNetworking