更新记录
1.0.1(2023-10-08)
优化:页面显示时,重新获取本地地图软件列表
1.0.0(2023-09-15)
上传
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue app-nvue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
实现功能:
-
检查手机地图软件,高德、百度、腾讯,ios有系统地图
-
拉起地图软件列表选择
-
跳转第三方地图软件
-
执行路径规划
需要开启Maps模块
示例:
<template>
<button
@click="
openMap({
startLocation: location,
endLocation: [location[0], location[1] + 0.1],
startAddress: '起点地址',
endAddress: '目标地址'
})
">
地图列表
</button>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import useGetMapsApp from './js_sdk/mosowe-open-map/mosowe-open-map';
const location = ref<number[]>([]);
uni.getLocation({
type: 'gcj02',
success: (res) => {
location.value = [res.longitude, res.latitude];
}
});
const { openMap } = useGetMapsApp();
</script>