百度智能小程序宿主App内置地图查看位置

2020-09-05 14:19 更新

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);
            }
        });
    }
});