uni-app微信小程序打开第三方地图

需求

  1. 小程序中有个按钮点击以后会调用手机中第三方地图进行导航。
  2. 参数 位置信息 经度 与纬度。

实现方法

javascript 复制代码
 uni.openLocation({
          latitude: Number('地址纬度'),
          longitude: Number('地址经度'),
          name: '地址名称',
            address: '地址详情',
            success: function (res) {
            console.log('打开系统位置地图成功')
        },
        fail: function (error) {
          console.log(error)
        }

原本以为一切顺利,结果在微信开发者工具中显示如下:

location参数格式错误,请正确填写

经过测试发现,因为我在微信小程序中使用,所以默认会使用腾讯地图来显示。

而我的经度和纬度的信息源开其他地图软件,格式上好像是不兼容的。

腾讯地图获取坐标点工具如下
https://lbs.qq.com/getPoint/

在这里获取到的坐标点,就可以正常显示了。

我的最终代码如下:

javascript 复制代码
uni.openLocation({
		  longitude: Number(118.797962),
          latitude: Number(32.086816),          
          name: '南京站',
            address: '江苏省南京市玄武区龙蟠路',
            success: function (res) {
            console.log('打开系统位置地图成功')
        },
        fail: function (error) {
          console.log(error)
        }

从明面上来看坐标的精度是保存小数点后6位

注意事项

latitude 纬度

longitude 经度

不要搞返了,我一开始就搞返了

参考

uniapp下各端调用三方地图导航
https://juejin.cn/post/7262941534528700453

https://uniapp.dcloud.net.cn/api/location/open-location.html

相关推荐
百思可瑞教育1 小时前
使用UniApp实现一个AI对话页面
javascript·vue.js·人工智能·uni-app·xcode·北京百思可瑞教育·百思可瑞教育
不想吃饭e2 小时前
在uniapp/vue项目中全局挂载component
前端·vue.js·uni-app
00后程序员张2 小时前
iOS App 混淆与资源保护:iOS配置文件加密、ipa文件安全、代码与多媒体资源防护全流程指南
android·安全·ios·小程序·uni-app·cocoa·iphone
低代码布道师3 小时前
少儿舞蹈小程序(12)作品列表查询搭建
低代码·小程序
编程迪4 小时前
基于Java+Vue开发的家政服务系统源码适配H5小程序APP
小程序·家政小程序·家政系统源码·家政系统·家政源码
拼图2096 小时前
微信小程序——云函数【使用使用注意事项】
微信小程序·小程序
不知名的前端专家7 小时前
uniapp原生插件 TCP Socket 使用文档
网络·tcp/ip·uni-app·netty
fakaifa8 小时前
【独立版】智创云享知识付费小程序 v5.0.23+小程序 搭建教程
小程序·uni-app·知识付费·源码下载·智创云享独立版
2501_916007479 小时前
Transporter App 使用全流程详解:iOS 应用 ipa 上传工具、 uni-app 应用发布指南
android·ios·小程序·https·uni-app·iphone·webview
fakaifa10 小时前
CRMEB多门店 v3.3源码 无授权限制+PC端+uniapp前端
小程序·uni-app·商城小程序·技术教程·源码下载·crmeb多门店