<!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. ReportViewer中修改rdlc图表中显示的数据

    将rdlc以xml的格式打开,修改里面的数据,实现方式如下: public MemoryStream GenerateRdlc()    { XmlDocument xmlDoc = new XmlD ...

  2. C#小小总结（面向对象）

    前言 学c#也有一年的时间了 以前零零散散的记的一些笔记啊 随便之类的 没有写过比较整体一点的总结 所以现在写一个小小的总结 内容 一.面向对象 相信刚开始接触编程的童鞋都被这个概念弄糊涂过,对于刚刚 ...

  3. js 文本框只能输入数字

    <input type="text" value="" style="ime-mode:Disabled"  onkeyup=&quo ...

  4. jQuery method and examples

    一:介绍: jQuery:是DOM和js的封装.jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多).现在大多数的pc端的网站都 ...

  5. 使用burpsuite抓android包

    1.让Android手机和PC连入同一个网段的wifi,即在同一个无线局域网环境下. 2. 查看PC的IP地址,cmd输入ipconfig命令 3.打开Burpsuite,设置Proxy Listen ...

  6. 一些js小知识点整理

    string.substring(a,b)   从a点开始截取,到b点结束 string.substr(a,b)    从a点开始截取,截取b个 BOM的四个对象,navigator.screen.l ...

  7. Linux IO漫谈

    本文为原创,转载请注明:http://www.cnblogs.com/gistao/ Background IO可能是我们接触最频繁的系统调用,比如printf到终端,send content到对端, ...

  8. Groovy入门教程

    Groovy入门教程 kmyhy@126.com  2009-5-13 一.groovy是什么 简单地说,Groovy 是下一代的java语言,跟java一样,它也运行在 JVM 中. 作为跑在JVM ...

  9. Servlet 3.0 异步模式

    Servlet 3.0标准新增了异步处理的支持. 进行异步处理的Servlet和作用于该Servlet的拦截器都必须声明对于异步处理的支持.

  10. Chromuim proxy Api 提取代里proxy调用Chrome隐身多窗口 多COOKIE 工具

    Chromuim proxy Api提取proxy调用Chrome隐身 多COOKIES 多窗口工具每一个代理拥有一个独立的窗口和USERDATA 独立COOKIES 伪装UA UA:<scri ...