在uni-app中调用高德地图去导航
2024-10-21 23:07:02
1.判断一下是不是在微信环境
2.微信环境调用微信自带的地图导航
3.h5环境跳转去高德地图
guide() {
let self = this;
console.log("self.lat", self.lat, self.lng, self.partnerAddress);
var ua = window.navigator.userAgent.toLowerCase();
console.log("ua", ua.match(/micromessenger/i) == "micromessenger");
if (ua.match(/micromessenger/i) == "micromessenger") {
if (self.partnerAddress && self.partnerAddress != "") {
// 打开内置地图
jWeixin.openLocation({
latitude: Number(self.lat), // 纬度,浮点数,范围为90 ~ -90
longitude: Number(self.lng), // 经度,浮点数,范围为180 ~ -180。
name: self.partnerAddress, // 位置名
address: self.partnerAddress, // 地址详情说明
scale: 24, // 地图缩放级别,整型值,范围从1~28。默认为最大
infoUrl: "", // 在查看位置界面底部显示的超链接,可点击跳转
fail: (error) => {
console.log("error---", error);
},
});
} else {
console.log('暂不知道该位置',暂不知道该位置)
}
} else {
if (self.partnerAddress && self.partnerAddress != "") {
//景点位置partnerAddress 景点经纬度lng lat
var lng = self.lng;
var lat = self.lat;
// 高德地图
if (self.customBrowserVersion().android) {
window.location.href =
"androidamap://viewMap?sourceApplication=appname&poiname=" +
self.partnerAddress +
"&lat=" +
lat +
"&lon=" +
lng +
"&dev=0";
//判断是否跳转
setTimeout(function () {
let hidden =
window.document.hidden ||
window.document.mozHidden ||
window.document.msHidden ||
window.document.webkitHidden;
if (typeof hidden == "undefined" || hidden == false) {
//调用高德地图
window.location.href =
"https://uri.amap.com/marker?position=" +
lng +
"," +
lat +
"&name=" +
self.partnerAddress;
}
}, 2000);
} else if (self.customBrowserVersion().ios) {
window.location.href =
"iosamap://viewMap?sourceApplication=appname&poiname=" +
self.partnerAddress +
"&lat=" +
lat +
"&lon=" +
lng +
"&dev=0";
//判断是否跳转
setTimeout(function () {
let hidden =
window.document.hidden ||
window.document.mozHidden ||
window.document.msHidden ||
window.document.webkitHidden;
if (typeof hidden == "undefined" || hidden == false) {
//调用高德地图
window.location.href =
"https://uri.amap.com/marker?position=" +
lng +
"," +
lat +
"&name=" +
self.partnerAddress;
}
}, 2000);
}
} else {
console.log('暂不知道该位置',暂不知道该位置)
}
}
},
最新文章
- 在本机搭建SVN服务器
- VUE 入门笔记
- Datasnap Image
- 正确理解javascript当中的面向对象
- 第十八课:js样式操作需要注意的问题
- HTML 表单总结http://images2015.cnblogs.com/blog/1001203/201607/1001203-20160730200559841-2144892373.png
- POJ1080 Human Gene Functions(LCS)
- javaScript 工作必知(七) 对象继承
- 关于C++ const
- 464. Can I Win
- underscore.js学习笔记
- Linux修改磁盘挂载目录
- 2018.11.17 codechef PRIMEDST(点分治+fft)
- Linux 下Shell的学习3-service编程
- 【Java面试题】2 Java中使用final关键字修饰一个变量时,是引用不能变,还是引用的对象不能变?超详细解析
- 进程 、进程组、会话、控制终端之间的关系 (转载 http://blog.csdn.net/yh1548503342/article/details/41891047)
- [LintCode] 合并排序数组II
- React Native 网络请求封装:使用Promise封装fetch请求
- leetcode:Median of Two Sorted Arrays分析和实现
- iOS定位服务CoreLocation