摘要:高德地圖入門六出行規(guī)劃公交路徑公交換乘服務(wù),提供起終點(diǎn)公交路線規(guī)劃服務(wù),整合步行方式初始化加載公交線路插件實例化北京必須值,搭乘公交所在城市可選值,搜索結(jié)果的標(biāo)注線路等均會自動添加到此地圖上可選值,顯示搜索列表的容器可選值,詳細(xì)信息駕駛策略
高德地圖 Javascript API 入門(六) 出行規(guī)劃 公交路徑
公交換乘服務(wù),提供起、終點(diǎn)公交路線規(guī)劃服務(wù),整合步行方式
初始化
// 加載公交線路插件 AMap.service("AMap.Transfer",function () { // 實例化Transfer var transfer=new AMap.Transfer({ city:"北京", // 必須值,搭乘公交所在城市 map:map, // 可選值,搜索結(jié)果的標(biāo)注、線路等均會自動添加到此地圖上 panel:"panel", // 可選值,顯示搜索列表的容器, extensions:"all", // 可選值,詳細(xì)信息 poliy:AMap.TransferPolicy.LEAST_TIME // 駕駛策略:最省時模式 }); });
按關(guān)鍵字搜索
// 關(guān)鍵字搜索 transfer.search([{keyword:"北京西站"},{keyword:"天安門"}],function (status,result) { window.top.data=result; });
按坐標(biāo)搜索
// 按坐標(biāo)搜索 transfer.search([116.379028, 39.865042], [116.427281, 39.903719],function (status,result) { window.top.data=result; });
預(yù)覽
駕車路徑駕車路線規(guī)劃服務(wù),提供起、終點(diǎn)坐標(biāo)的駕車導(dǎo)航路線查詢功能
初始化
// 加載駕車路徑插件 AMap.service("AMap.Driving",function () { // 實例化Driving var driving=new AMap.Driving({ map:map, // 用來承載 顯示路徑 panel:"panel", // 顯示搜索列表的容器 extensions:"all", // 詳細(xì)信息 policy:AMap.DrivingPolicy.REAL_TRAFFIC, // 駕駛策略:合理交通 showTraffic:true, // 是否顯示路況 province:"晉", // 判斷限行 number:"A88888", // 判斷限行 hideMarkers:false, // 隱藏起點(diǎn)、終點(diǎn)的點(diǎn)標(biāo)注 isOutline:true, // 是否顯示線路的邊框 outlineColor:"#f00" // 邊框顏色 }); });
按關(guān)鍵字搜索
// 按關(guān)鍵字搜索 driving.search([{keyword:"北京西站",city:"北京"},{keyword:"天安門",city:"北京"}],function (status,result) { window.top.data=result; });
按坐標(biāo)搜索
// 按坐標(biāo)搜索 driving.search([116.379028, 39.865042], [116.427281, 39.903719],function (status,result) { window.top.data=result; });
預(yù)覽
限行結(jié)果
0 代表限行已規(guī)避或未限行,即該路線沒有限行路段
1 代表限行無法規(guī)避,即該線路有限行路段
步行導(dǎo)航服務(wù),提供起、終點(diǎn)步行路線規(guī)劃服務(wù)
初始化
// 加載步行路徑插件 AMap.service("AMap.Walking",function () { var walking=new AMap.Walking({ map:map, panel:"panel" }); });
按關(guān)鍵字搜索
walking.search([{keyword:"方恒國際中心A座"},{keyword:"望京站"}],function (status,result) { window.top.data=result; });
按坐標(biāo)搜索
walking.search([116.379028, 39.865042],[116.427281, 39.903719],function (status,result) { window.top.data=result; });
預(yù)覽
作者:Yangfan
Github: Yangfan2016
參考來源:http://lbs.amap.com/
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/81812.html
摘要:高德地圖入門一準(zhǔn)備工作首先注冊個開發(fā)者賬號然后創(chuàng)建應(yīng)用,獲取新建文件,在標(biāo)簽中引入如下代碼把你的值填入即可您申請的值創(chuàng)建設(shè)置地圖容器地圖初始化創(chuàng)建地圖設(shè)置地圖參數(shù)可以通過以下設(shè)置也可通過對象的方法設(shè)置預(yù)覽個性化地圖改變地圖樣式目前支持五種地 高德地圖 Javascript API 入門(一) 準(zhǔn)備工作 首先注冊個開發(fā)者賬號 showImg(https://segmentfault.co...
摘要:鼠標(biāo)在地圖上拉框即可繪制相應(yīng)的矩形。鼠標(biāo)在地圖上單擊繪制量測區(qū)域,鼠標(biāo)左鍵雙擊或右鍵單擊結(jié)束當(dāng)前量測操作,并顯示本次量測結(jié)果。參數(shù)設(shè)為時,鼠標(biāo)操作關(guān)閉的同時清除地圖上繪制的所有覆蓋物對象設(shè)為時,保留所繪制的覆蓋物對象。 高德地圖 Javascript API 入門(二) 鼠標(biāo)工具插件 測量距離 JS map.plugin([AMap.MouseTool],function ()...
摘要:高德地圖入門七熱力圖插件簡單例子顯示地圖坐標(biāo)點(diǎn)加載熱力圖插件預(yù)覽參數(shù)構(gòu)造函數(shù)說明構(gòu)造一個熱力圖插件對象,為要疊加熱力圖的地圖對象,屬性參考列表中的說明。 高德地圖 Javascript API 入門(七) 熱力圖插件 簡單例子 // 顯示地圖 var map=new AMap.Map(container,{ resizeEnable:true, center:[116....
摘要:高德地圖入門三距離測量插件區(qū)別雖然鼠標(biāo)工具插件也提供距離量測功能,但是距離量測插件,提供更為豐富的樣式設(shè)置功能。 高德地圖 Javascript API 入門(三) 距離測量插件 區(qū)別 雖然鼠標(biāo)工具插件也提供距離量測功能,但是距離量測插件,提供更為豐富的樣式設(shè)置功能。 加載插件 JS map.plugin([AMap.RangingTool],function () { ...
摘要:高德地圖入門四地圖覆蓋物覆蓋物類名說明是否插件點(diǎn)標(biāo)記否覆蓋物點(diǎn)標(biāo)記復(fù)雜點(diǎn)標(biāo)記對象,對普通點(diǎn)標(biāo)記的擴(kuò)展否覆蓋物折線否覆蓋物多邊形否覆蓋物圓否圖片覆蓋物否地圖右鍵菜單否點(diǎn)標(biāo)記預(yù)覽自定義點(diǎn)標(biāo)記預(yù)覽多邊形預(yù)覽右鍵菜單添加右鍵菜單內(nèi)容項放大縮小添加 高德地圖 Javascript API 入門(四) 地圖覆蓋物 覆蓋物 類名 說明 是否插件 AMap.Marker 點(diǎn)標(biāo)記 否 AM...
閱讀 1445·2023-04-25 15:21
閱讀 2756·2021-11-24 10:23
閱讀 3458·2021-10-11 10:59
閱讀 3320·2021-09-03 10:28
閱讀 1788·2019-08-26 13:45
閱讀 2387·2019-08-26 12:11
閱讀 986·2019-08-26 12:00
閱讀 1771·2019-08-26 10:44