HBuilder webApp开发(十七)百度地图URI API的使用

本文介绍了一款物流APP中集成百度地图URI API的方法,通过简单的示例代码实现了地址解析功能,便于送货师傅快速定位目的地。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

年前的使用公司做了一个物流的app,目的是方便送货师傅的使用。在做的时候,我就集成了百度地图URI API。这个使用比较简单,这里我使用的地址解析baidumap://map/geocoder,这个接口。但是在使用时要区分iOS和安卓系统,就这唯一一个注意点,参数也就是一个,前提是手机安装的有百地图app。

document.getElementById('map').addEventListener('tap',function(){
    // 调起百度地图 
    // http://lbsyun.baidu.com/index.php?title=uri/api/android
    // iOS端
    var href = "baidumap://map/geocoder?address=目的地址&src=webapp.geo.yourCompanyName.yourAppName";
    // Android端
    var anhref = "bdapp://map/geocoder?address=目的地址&src=openApiDemo"
    var osName = plus.os.name;
    if (osName == "iOS") {
        window.open(href);
    } else{
        window.open(anhref);
    }
})

参数address,填写你的目的地址,如:大冲商务中心。
这里写图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值