资讯专栏INFORMATION COLUMN

高德地图 Javascript API 入门(五)

yzzz / 2960人阅读

摘要:高德地图入门五搜索服务搜索服务名称说明是否插件输入提示,根据输入关键字提示匹配信息是地点搜索服务插件,提供某一特定地区的位置查询服务是麻点图插件,提供海量搜索结果的辅助显示功能是行政区查询服务,提供行政区相关信息是公交路线服务,提供公交路线

高德地图 Javascript API 入门(五) 搜索服务 搜索服务
名称 说明 是否插件
AMap.Autocomplete 输入提示,根据输入关键字提示匹配信息
AMap.PlaceSearch 地点搜索服务插件,提供某一特定地区的位置查询服务
AMap.PlaceSearchLayer 麻点图插件,提供海量搜索结果的辅助显示功能
AMap.DistrictSearch 行政区查询服务,提供行政区相关信息
AMap.LineSearch 公交路线服务,提供公交路线相关信息查询服务
AMap.StationSearch 公交站点查询服务,提供途经公交线路、站点经纬度等信息
#### 地点搜索插件 AMap.PlaceSearch - 创建地点查询类的实例
    // 创建地点查询类的实例
    AMap.service("AMap.PlaceSearch",function () {
        var s1=new AMap.PlaceSearch({
            city:"北京市", // 搜索范围的城市
            type:"风景名胜", // 搜索类型
            map:map, // 可选,AMap示例
            panel:"result", // 可选,结果列表的HTML容器id或容器元素
            pageSize:5, // 结果,单页展示结果数
            pageIndex:2, // 结果,页码
            extensions:"all" // 信息,默认值 "base", 详细信息 "all"
        });
    });

根据关键字搜索

    // 关键字搜索
    s1.search("八达岭",function (status,result) {
        console.log(result);
    });

预览

根据中心点经纬度、半径以及关键字进行周边查询(周边搜索)

    // 周边搜索
    s1.searchNearBy("餐饮",[116.403322, 39.920255],1000,function (status,result) {
        console.log(result);
    });

预览

根据范围和关键词进行范围查询

    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));

预览

根据POIID 查询POI详细信息

POIID是返回数据(JSON)的一个 id 值

获取POI的详细信息

    s1.getDetails("B000A82RP2",function (status,result) {
        console.log(result.poiList.pois[0].name);
           window.top.data=result.poiList.pois[0];
    });

预览

公交线路搜索插件 AMap.LineSearch

创建公交线路查询类的实例

    AMap.service("AMap.LineSearch",function () {
          var lineSearch=new AMap.LineSearch({
              city:"太原",
            extensions:"all"         
        });
      });

按关键字查询公交线路

    lineSearch.search("901",function (status,result) {    
        if (status==="complete" && result.info==="OK") {
            console.log(result);
            window.top.data=result;
        }
    });

预览

按id查询公交线路

    lineSearch.searchById("140100010458",function (status,result) {    
        if (status==="complete" && result.info==="OK") {
            console.log(result);
            window.top.data=result;
        }
    });

预览

LineInfo 对象

基本信息

属性 类型 说明
id String 公交线路id,该id是唯一标识
name String 公交线路名称
path Array.<LngLat> 公交线路经纬度
citycode String 公交线路所在城市的城市编码
type String 公交类型列表
type String 公交类型列表
start_stop String 首发站
end_stop String 终点站
- 详细信息
属性 类型 说明
stime String 首班车时间
etime String 末班车时间
basic_price String 起步票价,单位:元
total_price String 全程票价,单位:元
via_stops String 途径站,包括首发站和终点站
distance Number 全程距离,单位:千米
bounds Bounds 此公交路线的地理范围
company String 所属公交公司
------ 参考来源:http://lbs.amap.com/ 作者:Yangfan

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

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

相关文章

  • 高德地图 Javascript API 入门(一)

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

    jone5679 评论0 收藏0
  • 高德地图 Javascript API 入门(二)

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

    dockerclub 评论0 收藏0
  • 高德地图 Javascript API 入门(七)

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

    YuboonaZhang 评论0 收藏0
  • 高德地图 Javascript API 入门(六)

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

    idisfkj 评论0 收藏0
  • 高德地图 Javascript API 入门(三)

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

    EdwardUp 评论0 收藏0

发表评论

0条评论

yzzz

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<