uniapp H5端如何检测手机是否安装了百度地图和高德地图app？
使用下面方式无效
const userAgent = navigator.userAgent;
if (userAgent.indexOf('baidumap') > -1) {
//已安装
mapUrl =
baidumap://map/marker?location=${this.form.latitude},${this.form.longitude}&title=${this.form.comName}&coord_type=gcj02&src=andr.baidu.openAPIdemo;
} else {
//未安装
uni.showToast({
title: '本机未安装百度地图应用',
icon: 'none'
})
return;
}
2***@qq.com
- 发布：2023-07-26 17:50
- 更新：2023-11-06 08:43
- 阅读：1782
喜欢技术的前端 - QQ---445849201
这个可以试试
第一步：在html中引入高德地图JS SDK，并在body中添加一个div容器：
<!-- 引入高德地图JS SDK -->
<script src="https://webapi.amap.com/maps?v=1.4.15&key=你的key"></script>
<!-- 添加一个div容器 -->
<div id="map"></div>
第二步：在Vue组件中，使用mounted钩子函数，创建一个地图实例并判断是否成功：
mounted() {
// 创建地图实例
const map = new AMap.Map('map', {
center: [116.397428, 39.90923],
zoom: 13
});
// 判断是否成功
if (typeof(map) !== 'object') {
console.log('未安装高德地图');
} else {
console.log('已安装高德地图');
}
}
第三步：通过判断地图实例是否成功创建，就可以判断用户是否安装了高德地图了。
2***@qq.com (作者)
不想引入jdk，还有其他方式吗
2023-07-27 11:22
x***@163.com
回复 2***@qq.com: 大佬，最近也有这个需求，怎么解决的呢？
2023-11-06 08:44