完整拉起高德地图的代码。自动导航至目的地

直接上代码,反正只让我自己看,调用方法如下

如有理解需要,可看我另一篇文章:HTML5唤起高德地图APP示例

dingWei(目的地地址)
<!-- 高德地图安全密钥,必须在JSAPI脚本加载之前进行设置,否则设置无效。 -->
    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode:'bf6265ecbc9e4ebff9c297369b9b106d',
        }
    </script>
    <script src="https://webapi.amap.com/maps?v=2.0&key=f016c324446cdc91ea3297560d1d5925&plugin=AMap.Geolocation" type="text/javascript"></script>
function dingWei(address) {
    // 禁止冒泡
    window.event.cancelBubble = true;
    // 加载中弹窗
    loading()
    // 获取目的地经纬度
    let data = {
        key: '8a8680f525cc8c751d4528eeddba06f4',
        address: address
    };
    $.ajax({
        url: 'https://restapi.amap.com/v3/geocode/geo',
        type: 'get',
        dataType: 'jsonp',
        data,
        success: function (data) {
            //console.log(data.geocodes[0].location)//获取到的经纬度
            // console.log(data)
            const locationUrl = data.geocodes[0].location;
            // console.log(locationUrl.split(",")[0])
            openAMap(locationUrl.split(",")[0] , locationUrl.split(",")[1], address)
        }
    })
}
//加载
function loading() {
    var load = layer.open({
        type: 2
        , shadeClose: false
        , content: '加载中'
    });
    return load;
}
//根据手机系统获取scheme
function getScheme(){
    let agent = navigator.userAgent.toLowerCase();
    if(agent.indexOf("iphone") != -1 || agent.indexOf("ipad") != -1){
        return "iosamap://path";
    }else{
        return "amapuri://route/plan";
    }
}
//唤起高德地图APP(注意url需要plugin参数)
function openAMap(lng, lat, address) {
    let geolocation = new AMap.Geolocation();
    geolocation.getCurrentPosition(function(status,result){
        layer.closeAll()
        if(status=="complete"){
            let app_url = `${getScheme()}?sourceApplication=com.mzwu.www&slat=${result.position.lat}&slon=${result.position.lng}&sname=我的位置&dlat=${lat}&dlon=${lng}&dname=${address}&dev=0&t=0`;
            let web_url = `https://uri.amap.com/navigation?from=${result.position.lng},${result.position.lat},我的位置&to=${lng},${lat},${address}&mode=car&policy=1&src=com.mzwu.www&callnative=0`;

            //尝试唤起高德地图App
            window.location.href = app_url;

            //唤起失败打开Web高德地图
            var startTime = Date.now();
            var count = 0;

            var t = setInterval(function () {
                if (++count < 30) {
                    return;
                }
                if (Date.now() - startTime > 800) {
                    clearInterval(t);
                }
                if (!(document.hidden || document.webkitHidden)) {
                    window.location.href = web_url;
                }
            }, 20);

            window.onblur = function () {
                clearInterval(t);
            };
        }else{
            alert("获取不到定位,请检查手机设置!");
        }
    });
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
移动机器人是一种能够自主移动的智能机器。随着技术的进步,移动机器人越来越多地被应用于各个领域,例如医疗、仓储、物流等。移动机器人能够通过激光雷达、相机等传感器感知周围环境,并使用算法进行路径规划和导航。 在移动机器人的自动导航中,高德地图API扮演着重要的角色。高德地图API具有丰富的地理数据和功能,可以提供准确的地理位置信息,包括道路、建筑、POI等。移动机器人可以通过高德地图API获取当前所在位置以及目的地的坐标信息。 移动机器人利用高德地图API的导航功能,可以实现自主路径规划和导航。首先,机器人将通过传感器获取当前位置,然后利用高德地图API将当前位置与目的地之间的最佳路径进行规划。规划过程中,高德地图API会考虑实时交通情况、道路限速等因素,确保机器人选择最合适的路径。 一旦路径规划完成,移动机器人就可以按照规划的路径进行导航。机器人通过激光雷达等传感器实时感知周围环境,并利用高德地图API提供的地图数据进行定位和路径跟踪。高德地图API可以实时提供准确的导航指引,包括转向提示、距离提示等,指导机器人顺利到达目的地。 总的来说,移动机器人利用高德地图API的自动导航功能,可以更加智能、高效地实现路径规划和导航高德地图API提供了丰富的地理数据和导航功能,为机器人的移动提供了强有力的支持,使机器人能够在复杂的环境中自主导航,完成各种任务。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值