高德地圖 Javascript API 入門(六)

高德地圖 Javascript API 入門(六)

出行規劃

公交路徑

公交換乘服務,提供起、終點公交路線規劃服務,整合步行方式git

  • 初始化github

// 加載公交線路插件
AMap.service("AMap.Transfer",function () {
    // 實例化Transfer 
    var transfer=new AMap.Transfer({
        city:"北京", // 必須值,搭乘公交所在城市
        map:map, // 可選值,搜索結果的標註、線路等均會自動添加到此地圖上
        panel:"panel", // 可選值,顯示搜索列表的容器,
        extensions:"all", // 可選值,詳細信息        
        poliy:AMap.TransferPolicy.LEAST_TIME // 駕駛策略:最省時模式
    });
});
  • 按關鍵字搜索ide

// 關鍵字搜索
transfer.search([{keyword:"北京西站"},{keyword:"天安門"}],function (status,result) {
    window.top.data=result;
});
  • 按座標搜索spa

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

預覽 插件

image

駕車路徑

駕車路線規劃服務,提供起、終點座標的駕車導航路線查詢功能3d

  • 初始化code

// 加載駕車路徑插件
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" // 邊框顏色
    });
});
  • 按關鍵字搜索blog

// 按關鍵字搜索
    driving.search([{keyword:"北京西站",city:"北京"},{keyword:"天安門",city:"北京"}],function (status,result) {
        window.top.data=result;
    });
  • 按座標搜索ip

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

預覽ci

image

限行結果
0 表明限行已規避或未限行,即該路線沒有限行路段
1 表明限行沒法規避,即該線路有限行路段

image

步行路徑

步行導航服務,提供起、終點步行路線規劃服務

  • 初始化

// 加載步行路徑插件
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;
});

預覽

image


做者:Yangfan
Github: Yangfan2016
參考來源:http://lbs.amap.com/

相關文章
相關標籤/搜索