<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">

    <title>公交线路查询</title>

    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>

    <script type="text/javascript"

            src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值&plugin=AMap.LineSearch"></script>

    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>

</head>

<body>

<div id="container"></div>

<script language="javascript">

    /*

     * 该示例主要流程分为三个步骤

     * 1. 首先调用公交路线查询服务(lineSearch)

     * 2. 根据返回结果解析，输出解析结果(lineSearch_Callback)

     * 3. 在地图上绘制公交线路()

     */

    var map = new AMap.Map("container", {

        resizeEnable: true,

        center: [116.397428, 39.90923],//地图中心点

        zoom: 13 //地图显示的缩放级别

    });

    /*公交线路查询*/

    function lineSearch() {

        //实例化公交线路查询类，只取回一条路线

        var linesearch = new AMap.LineSearch({

            pageIndex: 1,

            city: '北京',

            pageSize: 1,

            extensions: 'all'

        });

        //搜索“536”相关公交线路

        linesearch.search('536', function(status, result) {

            if (status === 'complete' && result.info === 'OK') {

                lineSearch_Callback(result);

            } else {

                alert(result);

            }

        });

    }

    /*公交路线查询服务返回数据解析概况*/

    function lineSearch_Callback(data) {

        var lineArr = data.lineInfo;

        var lineNum = data.lineInfo.length;

        if (lineNum == 0) {

        } else {

            for (var i = 0; i < lineNum; i++) {

                var pathArr = lineArr[i].path;

                var stops = lineArr[i].via_stops;

                var startPot = stops[0].location;

                var endPot = stops[stops.length - 1].location;

                if (i == 0) drawbusLine(startPot, endPot, pathArr);

            }

        }

    }

    /*绘制路线*/

    function drawbusLine(startPot, endPot, BusArr) {

        //绘制起点，终点

        new AMap.Marker({

            map: map,

            position: [startPot.lng, startPot.lat], //基点位置

            icon: "http://webapi.amap.com/theme/v1.3/markers/n/start.png",

            zIndex: 10

        });

        new AMap.Marker({

            map: map,

            position: [endPot.lng, endPot.lat], //基点位置

            icon: "http://webapi.amap.com/theme/v1.3/markers/n/end.png",

            zIndex: 10

        });

        //绘制乘车的路线

        busPolyline = new AMap.Polyline({

            map: map,

            path: BusArr,

            strokeColor: "#09f",//线颜色

            strokeOpacity: 0.8,//线透明度

            strokeWeight: 6//线宽

        });

        map.setFitView();

    }

    lineSearch();

</script>

</body>

</html>

AMap公交线路查询的更多相关文章

  1. 【Android】3.14 公交线路查询功能

    分类:C#.Android.VS2015.百度地图应用: 创建日期:2016-02-04 一.简介 利用BusLineSearch方法可查询公交线路的详情信息. 二.运行截图 简介:介绍查询公交线路功 ...

  2. 百度地图公交线路查询，并绘制到地图上并获取所有路径经纬度点(可供echarts 路径图使用)

    github地址 https://github.com/a1115040996/MyHTML/tree/gh-pages/BDMap 源代码 <!DOCTYPE html PUBLIC &quo ...

  3. Android百度地图开发（五）公交线路详情搜索、多条线路显示

    一.公交线路详情检索 获取公交线路的详情主要分来两步,1.获取公交线路的Uid,2.通过Uid获取公交线路详情. 1.获取公交线路的Uid: /* * 获得公交线路图的Uid,并且根据系Uid发起公交 ...

  4. 公交线路免费api接口代码

    描写叙述:本接口主要是依据城市名称 +  线路名称 模糊查找城市公交线路信息. 开源api接口:http://openapi.aibang.com/bus/lines?app_key=keyvalue ...

  5. 【百度地图API】如何制作公交线路的搜索？如331路

    原文:[百度地图API]如何制作公交线路的搜索?如331路 摘要: 从A点到B点的公交导航大家都知道怎么做了,那么单独查询331路公交车的公交路线,如何制作呢?我们一起来学习一下~ --------- ...

  6. [LeetCode] Bus Routes 公交线路

    We have a list of bus routes. Each routes[i] is a bus route that the i-th bus repeats forever. For e ...

  7. 数据结构---公交线路提示系统（Java后台+excel表格+web前端）

     系统大致流程: index.jsp输入站名(点击“出示站点信息”,跳转list.jsp读取表格):后台通过站名获得id:getIdbyname(String name)将id反馈至dijkstra( ...

  8. 济南最新公交线路一览（BRT）

    济南最新公交线路一览(BRT) 济南BRT1路 高速公交线路 黄岗路东5:30-21:30 全福立交桥西5:30-21:30 票价1元,刷卡9折,月票有效 高速公交公司 去程:黄岗路东(BRT) - ...

  9. 【BZOJ2004】公交线路（动态规划，状态压缩，矩阵快速幂）

    [BZOJ2004]公交线路(动态规划,状态压缩,矩阵快速幂) 题面 BZOJ 题解 看到\(k,p\)这么小 不难想到状态压缩 看到\(n\)这么大,不难想到矩阵快速幂 那么,我们来考虑朴素的\(d ...

随机推荐

  1. Android 学习第15课，Android 开发的单元测试、及输出错误信息

    这一节没有做实例,单元测试,以后用到再写吧

  2. sql server 2008中清除数据库日志的sql语句

    第一步: Use  数据库名 Select NAME,size From sys.database_files 将“数据库名”改为需要清除日志的数据库名字,点击“执行”查询出需要清除的日志名称:**_ ...

  3. iar 问题

    我的笔记本是win10 之前用的iar 430 版本是5.5 都没有问题.但,突然就

  4. cs231n笔记：最优化

    本节是cs231学习笔记:最优化,并介绍了梯度下降方法,然后应用到逻辑回归中 引言 在上一节线性分类器中提到,分类方法主要有两部分组成:1.基于参数的评分函数.能够将样本映射到类别的分值.2.损失函数 ...

  5. 关于判断checkbox选中问题

    attr和prop的区别: 因为DOM节点属性可以理解为静态的,当页面渲染完,checked属性就确定了,就是checked.而HTML元素属性是动态的,随时可以改变,而且对于checked这个属性, ...

  6. 【转载】Python的包管理工具Pip

    接触了Ruby,发现它有个包管理工具RubyGem很好用,并且有很完备的文档系统http://rdoc.info 发现Python下也有同样的工具,包括easy_install和Pip.不过,我没有细 ...

  7. System.DateUtils 3. IsPM、IsAM 判断是否为上、下午

    编译版本:Delphi XE7 function IsPM(const AValue: TDateTime): Boolean; inline;function IsAM(const AValue: ...

  8. rails查询mongodb通用查询

    ruby on rails 很好的跟mongodb进行了结合,gem包: 地址:https://rubygems.org/gems/mongoid 文档:https://docs.mongodb.co ...

  9. 数位DP之奥义

    恩是的没错数位DP的奥义就是一个简练的dfs模板 int dfs(int position, int condition, bool boundary) { ) return (condition ? ...

  10. MongoDB学习笔记八：复制

    [主从复制]最基本的复制方式就是建立一个主节点和一个或多个从节点,每个从节点要知道主节点的地址.运行mongod --master启动主服务器.运行mongod --slave --source ma ...