高德地图 Javascript API 入门（六）

idisfkj 发布于2019-08-20 14:39 / 2171人阅读

摘要：高德地图入门六出行规划公交路径公交换乘服务，提供起终点公交路线规划服务，整合步行方式初始化加载公交线路插件实例化北京必须值，搭乘公交所在城市可选值，搜索结果的标注线路等均会自动添加到此地图上可选值，显示搜索列表的容器可选值，详细信息驾驶策略

高德地图 Javascript API 入门（六） 出行规划 公交路径

公交换乘服务，提供起、终点公交路线规划服务，整合步行方式

初始化

// 加载公交线路插件
AMap.service("AMap.Transfer",function () {
    // 实例化Transfer 
    var transfer=new AMap.Transfer({
        city:"北京", // 必须值，搭乘公交所在城市
        map:map, // 可选值，搜索结果的标注、线路等均会自动添加到此地图上
        panel:"panel", // 可选值，显示搜索列表的容器,
        extensions:"all", // 可选值，详细信息        
        poliy:AMap.TransferPolicy.LEAST_TIME // 驾驶策略：最省时模式
    });
});

按关键字搜索

// 关键字搜索
transfer.search([{keyword:"北京西站"},{keyword:"天安门"}],function (status,result) {
    window.top.data=result;
});

按坐标搜索

// 按坐标搜索
transfer.search([116.379028, 39.865042], [116.427281, 39.903719],function (status,result) {
    window.top.data=result;
});

预览

驾车路径

驾车路线规划服务，提供起、终点坐标的驾车导航路线查询功能

初始化

// 加载驾车路径插件
AMap.service("AMap.Driving",function () {
    // 实例化Driving    
    var driving=new AMap.Driving({
        map:map, // 用来承载 显示路径
        panel:"panel", // 显示搜索列表的容器
        extensions:"all", // 详细信息
        policy:AMap.DrivingPolicy.REAL_TRAFFIC, // 驾驶策略：合理交通
        showTraffic:true, // 是否显示路况
        province:"晋", // 判断限行
        number:"A88888", // 判断限行
        hideMarkers:false, // 隐藏起点、终点的点标注
        isOutline:true, // 是否显示线路的边框
        outlineColor:"#f00" // 边框颜色
    });
});

按关键字搜索

    // 按关键字搜索
    driving.search([{keyword:"北京西站",city:"北京"},{keyword:"天安门",city:"北京"}],function (status,result) {
        window.top.data=result;
    });

按坐标搜索

    // 按坐标搜索
    driving.search([116.379028, 39.865042], [116.427281, 39.903719],function (status,result) {
        window.top.data=result;
    });

预览

限行结果
0 代表限行已规避或未限行，即该路线没有限行路段
1 代表限行无法规避，即该线路有限行路段

步行路径

步行导航服务，提供起、终点步行路线规划服务

初始化

// 加载步行路径插件
AMap.service("AMap.Walking",function () {
    var walking=new AMap.Walking({
        map:map,
        panel:"panel"
    });
});

按关键字搜索

walking.search([{keyword:"方恒国际中心A座"},{keyword:"望京站"}],function (status,result) {
    window.top.data=result;
});

按坐标搜索

walking.search([116.379028, 39.865042],[116.427281, 39.903719],function (status,result) {
    window.top.data=result;
});

预览

作者：Yangfan
Github: Yangfan2016
参考来源：http://lbs.amap.com/

服务器托管私有云高德地图api接口高德地图api接口文档高德地图高德地图大数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81812.html

高德地图 Javascript API 入门（一）

摘要：高德地图入门一准备工作首先注册个开发者账号然后创建应用，获取新建文件，在标签中引入如下代码把你的值填入即可您申请的值创建设置地图容器地图初始化创建地图设置地图参数可以通过以下设置也可通过对象的方法设置预览个性化地图改变地图样式目前支持五种地高德地图 Javascript API 入门（一）准备工作首先注册个开发者账号 showImg(https://segmentfault.co...

jone5679 2019-08-20 14:29 评论0 收藏0
高德地图 Javascript API 入门（二）

摘要：鼠标在地图上拉框即可绘制相应的矩形。鼠标在地图上单击绘制量测区域，鼠标左键双击或右键单击结束当前量测操作，并显示本次量测结果。参数设为时，鼠标操作关闭的同时清除地图上绘制的所有覆盖物对象设为时，保留所绘制的覆盖物对象。高德地图 Javascript API 入门（二）鼠标工具插件测量距离 JS map.plugin([AMap.MouseTool],function ()...

dockerclub 2019-08-20 14:29 评论0 收藏0
高德地图 Javascript API 入门（七）

摘要：高德地图入门七热力图插件简单例子显示地图坐标点加载热力图插件预览参数构造函数说明构造一个热力图插件对象，为要叠加热力图的地图对象，属性参考列表中的说明。高德地图 Javascript API 入门（七）热力图插件简单例子 // 显示地图 var map=new AMap.Map(container,{ resizeEnable:true, center:[116....

YuboonaZhang 2019-08-21 11:31 评论0 收藏0
高德地图 Javascript API 入门（三）

摘要：高德地图入门三距离测量插件区别虽然鼠标工具插件也提供距离量测功能，但是距离量测插件，提供更为丰富的样式设置功能。高德地图 Javascript API 入门（三）距离测量插件区别虽然鼠标工具插件也提供距离量测功能，但是距离量测插件，提供更为丰富的样式设置功能。加载插件 JS map.plugin([AMap.RangingTool],function () { ...

EdwardUp 2019-08-20 14:29 评论0 收藏0
高德地图 Javascript API 入门（四）

摘要：高德地图入门四地图覆盖物覆盖物类名说明是否插件点标记否覆盖物点标记复杂点标记对象，对普通点标记的扩展否覆盖物折线否覆盖物多边形否覆盖物圆否图片覆盖物否地图右键菜单否点标记预览自定义点标记预览多边形预览右键菜单添加右键菜单内容项放大缩小添加高德地图 Javascript API 入门（四）地图覆盖物覆盖物类名说明是否插件 AMap.Marker 点标记否 AM...

AlanKeene 2019-08-20 14:29 评论0 收藏0