百度智能小程序 宿主App内置地图查看位置
swan.openLocation
解释:使用宿主 App 内置地图查看位置。
方法参数
Object object
object 参数说明
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
latitude | Number | 是 | 纬度,范围为 -90~90 ,负数表示南纬。 | |
longitude | Number | 是 | 经度,范围为 -180~180 ,负数表示西经。 | |
scale | Number | 否 | 缩放比例,范围 5~18 ,默认为 18 。 | |
name | String | 否 | 位置名 | |
ignoredApps | Array | 否 | 定义在拉起的地图 App 面板中需要被屏蔽的地图类 App 。 | |
address | String | 否 | 地址的详细说明 | |
success | Function | 否 | 接口调用成功的回调函数 | |
fail | Function | 否 | 接口调用失败的回调函数 | |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
ignoredApps 参数说明
值 | 类型 | 说明 |
---|---|---|
GaodeMap | String | 当用户手机端安装了高德地图应用时,openLocation 打开地图点击路线拉起的支持地图应用列表中将包含高德地图,可以在 ignoredApps 数组中传入该值用以屏蔽面板中的高德地图应用。 |
AppleMap | String | ios 用户调用 openLocation 打开地图,点击路线拉起的支持地图应用列表中将包含苹果地图,可以在 ignoredApps 数组中传入该值用以屏蔽面板中的苹果地图应用。 |
示例
图片示例
代码示例:
<view class="wrap">
<view class="card-area">
<view class="list-area border-bottom">
<view class="list-item-key-4">经度</view>
<view class="list-item-value">116°27′</view>
</view>
<view class="list-area border-bottom">
<view class="list-item-key-4">纬度</view>
<view class="list-item-value">40°04′</view>
</view>
<view class="list-area border-bottom">
<view class="list-item-key-4">缩放比例</view>
<view class="list-item-value">{{locationInfo.scale}}</view>
</view>
<view class="list-area border-bottom">
<view class="list-item-key-4">位置名称</view>
<view class="list-item-value">{{locationInfo.name}}</view>
</view>
<view class="list-area border-bottom">
<view class="list-item-key-4">地址</view>
<view class="list-item-value">{{locationInfo.address}}</view>
</view>
<view class="button-group">
<button class="button" bindtap="openLocation" type="primary" loading="{{loading}}">查看位置地图</button>
</view>
</view>
</view>
Page({
data: {
title: 'openLocation',
loading: false,
locationInfo: {
latitude: 40.04,
longitude: 116.27,
scale: 18,
name: '百度科技园',
address: '北京市海淀区西北旺东路10号院'
}
},
openLocation () {
let locationInfo = this.data.locationInfo;
swan.openLocation({
latitude: locationInfo.latitude,
longitude: locationInfo.longitude,
scale: 18,
name: locationInfo.name,
address: locationInfo.address,
success: res => {
console.log('openLocation success', res);
},
fail : err => {
swan.showToast({
title: '检查位置权限',
icon: 'none'
})
console.log('openLocation fail', err);
}
});
}
});
Page({
data: {
title: 'openLocation',
loading: false,
locationInfo: {
latitude: 40.04,
longitude: 116.27,
scale: 18,
name: '百度科技园',
address: '北京市海淀区西北旺东路10号院'
}
},
openLocation () {
let locationInfo = this.data.locationInfo;
swan.openLocation({
latitude: locationInfo.latitude,
longitude: locationInfo.longitude,
scale: 18,
name: locationInfo.name,
address: locationInfo.address,
success: res => {
console.log('openLocation success', res);
},
fail : err => {
swan.showToast({
title: '检查位置权限',
icon: 'none'
})
console.log('openLocation fail', err);
}
});
}
});
错误码
iOS
错误码 | 说明 |
---|---|
202 | 解析失败,请检查参数是否正确。 |
常见问题
Q:百度小程序支持导航吗?或是支持调起其它导航 APP ?
A:不支持导航,可以使用 openLocation 打开宿主 app 内置的地图导航。
更多建议: