<!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. Java方法调用中的别名处理

    将一个对象传递到方法内部时,也会产生别名现象.//: PassObject.java// Passing objects to methods can be a bit tricky62class L ...

  2. 从输入 URL 到浏览器接收的过程中发生了什么事情

    从输入 URL 到浏览器接收的过程中发生了什么事情? 原文:http://www.codeceo.com/article/url-cpu-broswer.html 从触屏到 CPU  首先是「输入 U ...

  3. HDU 3342 Legal or Not（判断是否存在环）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3342 Legal or Not Time Limit: 2000/1000 MS (Java/Othe ...

  4. LintCode Implement Queue by Two Stacks

    1. stack(先进后出): pop 拿出并返回最后值: peek 返回最后值: push 加入新值在后面并返回此值. 2. queue(先进先出) : poll = remove 拿出并返第一个值 ...

  5. 第五章 搭建S3C6410开发板测试环境

    开发板是开发和学习嵌入式技术的主要设备.在这章中介绍了S3C6410开发板,它是三星公司推出的一款低功耗.高性价比的RISC处理器.安装串口调试工具:minicom.它的安装步骤:第1步:检测当前系统 ...

  6. php 把数字1-1亿换成汉字表述，例如 150 转成 一百五十

    /* 额,重新修改了下.现在估计没什么问题了.... */ 直接上实例 写到 千亿上了. /** * @author ja颂 * 把数字1-1亿换成汉字表述,如:123->一百二十三 * @pa ...

  7. 缓存，socket乱码等

    在服务端默认的编码情况下,JAVA的SOCKET接收需要GBK编码,而C#的接收需要UTF-8编码

  8. 如何用Selenium 向CodeMirror 编辑器输入

    用Selenium 自动填写Jenkins上面一个文本输入框,通过css定位很容易,但是输入文字的时候会报错 ElementNotVisibleException: Message: Element ...

  9. MongoDB学习笔记六：进阶指南

    [数据库命令]『命令的工作原理』MongoDB中的命令其实是作为一种特殊类型的查询来实现的,这些查询针对$cmd集合来执行.runCommand仅仅是接受命令文档,执行等价查询,因此,> db. ...

  10. Google Java编程风格指南

    出处:http://hawstein.com/posts/google-java-style.html 声明:本文采用以下协议进行授权: 自由转载-非商用-非衍生-保持署名|Creative Comm ...