摘要:高德地圖入門五搜索服務(wù)搜索服務(wù)名稱說明是否插件輸入提示,根據(jù)輸入關(guān)鍵字提示匹配信息是地點搜索服務(wù)插件,提供某一特定地區(qū)的位置查詢服務(wù)是麻點圖插件,提供海量搜索結(jié)果的輔助顯示功能是行政區(qū)查詢服務(wù),提供行政區(qū)相關(guān)信息是公交路線服務(wù),提供公交路線
高德地圖 Javascript API 入門(五) 搜索服務(wù) 搜索服務(wù)
名稱 | 說明 | 是否插件 |
---|---|---|
AMap.Autocomplete | 輸入提示,根據(jù)輸入關(guān)鍵字提示匹配信息 | 是 |
AMap.PlaceSearch | 地點搜索服務(wù)插件,提供某一特定地區(qū)的位置查詢服務(wù) | 是 |
AMap.PlaceSearchLayer | 麻點圖插件,提供海量搜索結(jié)果的輔助顯示功能 | 是 |
AMap.DistrictSearch | 行政區(qū)查詢服務(wù),提供行政區(qū)相關(guān)信息 | 是 |
AMap.LineSearch | 公交路線服務(wù),提供公交路線相關(guān)信息查詢服務(wù) | 是 |
AMap.StationSearch | 公交站點查詢服務(wù),提供途經(jīng)公交線路、站點經(jīng)緯度等信息 | 是 |
// 創(chuàng)建地點查詢類的實例 AMap.service("AMap.PlaceSearch",function () { var s1=new AMap.PlaceSearch({ city:"北京市", // 搜索范圍的城市 type:"風(fēng)景名勝", // 搜索類型 map:map, // 可選,AMap示例 panel:"result", // 可選,結(jié)果列表的HTML容器id或容器元素 pageSize:5, // 結(jié)果,單頁展示結(jié)果數(shù) pageIndex:2, // 結(jié)果,頁碼 extensions:"all" // 信息,默認(rèn)值 "base", 詳細(xì)信息 "all" }); });
根據(jù)關(guān)鍵字搜索
// 關(guān)鍵字搜索 s1.search("八達嶺",function (status,result) { console.log(result); });
預(yù)覽
根據(jù)中心點經(jīng)緯度、半徑以及關(guān)鍵字進行周邊查詢(周邊搜索)
// 周邊搜索 s1.searchNearBy("餐飲",[116.403322, 39.920255],1000,function (status,result) { console.log(result); });
預(yù)覽
根據(jù)范圍和關(guān)鍵詞進行范圍查詢
var lnglat1=new AMap.LngLat( 116.403322, 39.920255); var lnglat2=new AMap.LngLat( 116.389846, 39.891365); s1.searchInBounds("酒店",new AMap.Bounds(lnglat1,lnglat2));
預(yù)覽
根據(jù)POIID 查詢POI詳細(xì)信息
POIID是返回數(shù)據(jù)(JSON)的一個 id 值
獲取POI的詳細(xì)信息
s1.getDetails("B000A82RP2",function (status,result) { console.log(result.poiList.pois[0].name); window.top.data=result.poiList.pois[0]; });
預(yù)覽
公交線路搜索插件 AMap.LineSearch創(chuàng)建公交線路查詢類的實例
AMap.service("AMap.LineSearch",function () { var lineSearch=new AMap.LineSearch({ city:"太原", extensions:"all" }); });
按關(guān)鍵字查詢公交線路
lineSearch.search("901",function (status,result) { if (status==="complete" && result.info==="OK") { console.log(result); window.top.data=result; } });
預(yù)覽
按id查詢公交線路
lineSearch.searchById("140100010458",function (status,result) { if (status==="complete" && result.info==="OK") { console.log(result); window.top.data=result; } });
預(yù)覽
LineInfo 對象基本信息
屬性 | 類型 | 說明 |
---|---|---|
id |
String |
公交線路id,該id是唯一標(biāo)識 |
name |
String |
公交線路名稱 |
path |
Array.< |
公交線路經(jīng)緯度 |
citycode |
String |
公交線路所在城市的城市編碼 |
type |
String |
公交類型列表 |
type |
String |
公交類型列表 |
start_stop |
String |
首發(fā)站 |
end_stop |
String |
終點站 |
屬性 | 類型 | 說明 |
---|---|---|
stime |
String |
首班車時間 |
etime |
String |
末班車時間 |
basic_price |
String |
起步票價,單位:元 |
total_price |
String |
全程票價,單位:元 |
via_stops |
String |
途徑站,包括首發(fā)站和終點站 |
distance |
Number |
全程距離,單位:千米 |
bounds |
Bounds |
此公交路線的地理范圍 |
company |
String |
所屬公交公司 |
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/81782.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)點加載熱力圖插件預(yù)覽參數(shù)構(gòu)造函數(shù)說明構(gòu)造一個熱力圖插件對象,為要疊加熱力圖的地圖對象,屬性參考列表中的說明。 高德地圖 Javascript API 入門(七) 熱力圖插件 簡單例子 // 顯示地圖 var map=new AMap.Map(container,{ resizeEnable:true, center:[116....
摘要:高德地圖入門六出行規(guī)劃公交路徑公交換乘服務(wù),提供起終點公交路線規(guī)劃服務(wù),整合步行方式初始化加載公交線路插件實例化北京必須值,搭乘公交所在城市可選值,搜索結(jié)果的標(biāo)注線路等均會自動添加到此地圖上可選值,顯示搜索列表的容器可選值,詳細(xì)信息駕駛策略 高德地圖 Javascript API 入門(六) 出行規(guī)劃 公交路徑 公交換乘服務(wù),提供起、終點公交路線規(guī)劃服務(wù),整合步行方式 初始化 // 加...
摘要:高德地圖入門三距離測量插件區(qū)別雖然鼠標(biāo)工具插件也提供距離量測功能,但是距離量測插件,提供更為豐富的樣式設(shè)置功能。 高德地圖 Javascript API 入門(三) 距離測量插件 區(qū)別 雖然鼠標(biāo)工具插件也提供距離量測功能,但是距離量測插件,提供更為豐富的樣式設(shè)置功能。 加載插件 JS map.plugin([AMap.RangingTool],function () { ...
閱讀 2962·2021-10-18 13:33
閱讀 846·2019-08-30 14:20
閱讀 2633·2019-08-30 13:14
閱讀 2524·2019-08-29 18:38
閱讀 2892·2019-08-29 16:44
閱讀 1216·2019-08-29 15:23
閱讀 3491·2019-08-29 13:28
閱讀 1918·2019-08-28 18:00