高德地图获取骑行距离,路线规划

1 高德地图路线规划  http://lbs.amap.com/api/javascript-api/reference/route-search

2 获取骑行距离

function getrding() {
        var map = new AMap.Map("container", {
            resizeEnable: true,
            center: [116.397428, 39.90923],//地图中心点
            zoom: 16 //地图显示的缩放级别
        });
     //两个经纬度 自己定位获取到
        var s_lng = $(‘#s_lng‘).val();
        var s_lat = $(‘#s_lat‘).val();
        var g_lng = $(‘#g_lng‘).val();
        var g_lat = $(‘#g_lat‘).val();

        //骑行导航
        var riding = new AMap.Riding({
            map: map,
            panel: "panel"
        });
        //根据起终点坐标规划骑行路线
        riding.search([s_lng,s_lat],[g_lng,g_lat],function(status, result) {

            if( status == ‘complete‘){

                var distance = result.routes[0].distance;//骑行距离
                var time = result.routes[0].time;//骑行时间 

                $(‘#distance‘).html(Math.ceil(distance/1000));
            }

        });
    }
时间: 2024-12-06 07:34:26

高德地图获取骑行距离,路线规划的相关文章

iOS第三方地图-高德地图(导航sdk路径规划)

高德地图导航sdk的路径规划获取行程信息主要用到AMapNaviManager这个类 然后调下面的方法 /*! @brief 带起点的驾车路径计算 @param startPoints 起点坐标.支持多个起点,起点列表的尾点为实际导航起点,其他坐标点为辅助信息,带有方向性,可有效避免算路到马路的另一侧. @param endPoints 终点坐标.支持多个终点,终点列表的尾点为实际导航终点,其他坐标点为辅助信息,带有方向性,可有效避免算路到马路的另一侧. @param wayPoints 途经点

高德地图 API 显示跑步路线

模仿对象 此前在尝试制作时,我采用 Nike+ 官网效果为模板仿制.目前 Nike+ 已经升级,看不了之前版本的样式及动态效果,暂且看看样式区别不大的 Nike+ Run Club App 地图,动画部分依然以此前 Nike+ 官网效果为准. 分析一下,想要仿制跑步路线图,其中有两个难点,第一个是画线动态效果,第二个是路线的渐变效果.画线动画是跑步过程的表现,渐变效果则是实时配速的表现. 光看都能感觉到渐变效果比较难,故这边就先不模仿它,搞定画线动画先.之前在 Nike+ 网页端,还在终点显示了

高德地图获取当前屏幕中心点的经纬度

公司有个需求就是要随着屏幕的改变而载入附近的商户信息. 那么高德地图获取当前屏幕中心点的经纬度呢? 核心方法:aMap.setOnCameraChangeListener(this); 实现接口: @Override public void onCameraChange(CameraPosition position) { LatLng target = position.target; System.out.println(target.latitude + "jinjin------&quo

H5高德地图获取当前位置

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, wi

百度地图再进阶之路线规划

路线规划包含,驾车.公交.和步行三种 今天我们一起来,一一看下. DrivingRouteLine 表示驾车路线 DrivingRouteLine.DrivingStep 表示一个驾车路段 DrivingRoutePlanOption 驾车路线规划参数 DrivingRouteResult 驾车路线结果 PlanNode 路径规划中的出行节点信息,出行节点包括:起点,终点,途经点 出行节点信息可以通过两种方式确定: 1: 给定出行节点经纬度坐标 2: 给定出行节点地名和城市名 RoutePlan

iOS高德地图使用-搜索,路径规划

项目中想加入地图功能,使用高德地图第三方,想要实现确定一个位置,搜索路线并且显示的方法.耗了一番功夫,总算实现了. 效果 WeChat_1462507820.jpeg 一.配置工作 1.申请key 访问 http://lbs.amap.com/dev/key/ 在高度地图第三方开发平台申请一个key,注册账户,新建应用,这个没什么门槛.得到这个key 屏幕快照 2016-05-06 上午10.34.15.png 提示一下,这个key对应的bundle ID 要和工程里面的bundle ID 相同

android利用GPS和高德地图获取定位案例

一.main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" an

高德地图获取道路接口、并将道路绘制

目标 :需要通过路的名字,将道路在地图中绘制出. 查找路的信息 通过路名搜索路 http://restapi.amap.com/v3/road/roadname?key=yourkey&keywords=靖江路&city=022 参数名称 参数含义 key 高德API 申请的key keywords 路名称 city 城市citycode 下载地址见参考文献 通过路id搜索路 http://restapi.amap.com/v3/road/roadid?city=020&key=y

用高德地图做的驾车路径规划及在上面显示实时运行情况

此处是为了打车软件路径显示效果而做的一个demo,如下图所示: 上图中起点是定位点坐标,由于是实时导航GPS的时候所用,在移动情况下才会显示出小车在规划好的路径上面行驶(即蓝色线上),若不按线上的移动则会重新规划路径,由于没有对坐标点进行保存,所以移动效果是跳动的,不连贯.由于接触的接触地图的时间比较的端,所以有些功能还不是很完善,在项目完成后会对代码进行相应的操作. 其实现的主要代码如下(代码中对GPS连接及网络连接做了相应的判断): @Override protected void onCr