高德地图JavaScript API-路径规划——基于amap-js_V1.3

高德地图JavaScript API-路径规划

——基于amap-js_V1.3

 

sf2gis@163.com

2015年7月31日

 

1 路径规划:驾车、公交和步行。

注意:高德将一些服务作为服务插件集成到当前map中(搞的越来越复杂了……)。

1.1 驾车路径规划:根据起止点返回路线。AMap.service(【”AMap.Driving”】)。

详见:http://lbs.amap.com/api/javascript-api/reference/search_plugin/#m_AMap.Driving

(这URL也不一定什么时候就会变,早上的内容和下午都不一样,说不准……)

1.1.1规划:根据起止点请求规划,drive.search(start,end,callbackFunc)。

function driving(){

      AMap.service(["AMap.Driving"],function(){

           vardrive=new AMap.Driving();

           var ptStart=new AMap.LngLat(116.379018,39.865026);

           var ptEnd=new AMap.LngLat(116.321139, 39.896028);

           drive.search(ptStart,ptEnd,driveRouteResult);

      });

}

1.1.2规划结果:规划信息info,起点origin,终点destination,路线数组routes。

1.1.2.1  路线数组routes:路线包含距离distance,策略policy,路段steps,时间time,收费距离tolls_distance,费用tolls。

1.1.2.2  路段step包括路段的坐标对信息path(就是LngLat数组)及其它辅助信息。

1.1.3示例

<!DOCTYPE HTML>

<html>

<head>

<metaname="viewport" content="initial-scale=1.0,user-scalable=no" >

<metahttp-equiv="Content-Type" content="text/html;charset=utf-8">

<title>Hello,world</title>

<styletype="text/css">

      html { height:100% }

      body { height:100%; margin:0px; padding:0px }

      #container { height:100% }

</style>

<scripttype="text/javascript"src="amap.js"></script>  

<scripttype="text/javascript"src="jquery-1.11.1.min.js"></script>

 

<scripttype="text/javascript">

var mapObj=null;

$(document).ready(function(){

      mapObj = new AMap.Map("container"); // 创建地图实例

      var point = new AMap.LngLat(116.404, 39.915); // 创建点坐标,这是个火星坐标,真实坐标对应的火星坐标为116.410251,39.916412

      mapObj.setZoomAndCenter(11,point);

     

      //test

      driving();

});

 

//test driving<

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

弗里曼的小伙伴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值