<!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. Ruby中字符串与正则表达式的问题

    Ruby的正则表达式为Regexp类的对象 主要的元语言字符 記号 意味 例 説明 ^ 行頭 /^abc/ abcで始まる行 $ 行末 /abc$/ abcで終わる行 . 任意の1文字 /a.b/ a ...

  2. Node调用C++（dll）

    最近开始搞毕设了,打算用自己拿手的js来搞,但是仿佛入坑了,Node还不是很熟.总之,兵来将挡,水来土掩嘛,带着问题学习才是最高效的. 折腾1:Node 调用 C++ 刚开始,虽然我老师把dll文件给 ...

  3. Nginx 开启gzip 压缩

    随着nginx的发展,越来越多的网站使用nginx,因此nginx的优化变得越来越重要,今天我们来看看nginx的gzip压缩到底是怎么压缩的呢? gzip(GNU-ZIP)是一种压缩技术. 经过gz ...

  4. 线上任务的mysql 重启

    我们的业务是 所使用的数据库是 自己搭建的mysql-server-5.05, 服务器 红帽子6.0. 考虑到 服务的稳定性,计划将数据库向dba进行迁移,由他们进行维护.dba的迁移计划是 1 先创 ...

  5. gulp监听文件变化，并拷贝到指定目录

    暂时不支持目录修改.创建.删除var gulp = require('gulp'); var fs = require('fs'); var path = require('path'); var l ...

  6. LintCode Implement Queue by Two Stacks

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

  7. MySQL ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO) 的解决办法和原因

    这两天下载了MySQL5.7.11进行安装,发现到了初次使用输入密码的时候,不管怎样都进不去,即使按照网上说的在mysqld 下面添加skip-grant-tables也是不行,后来研究了两天,终于找 ...

  8. iOS开发之cell多按钮

    iOS开发经常出现cell需要多个按钮,一般以为要导入第三方框架.但其实iOS 8以后,系统提供了UITableViewRowAction以及新的delegate方法,使得自定义一些操作变得非常容易. ...

  9. Poco C++ MySQl demo

    #include "Poco/Exception.h"#include "Poco/Data/Session.h"#include "Poco/Dat ...

  10. fastjson解析json,model字段有顺序要求吗

    解决办法已经写到我的公众号,二维码在下面,欢迎关注,谢谢. 本人联系方式: 更多精彩分享,可关注我的微信公众号: 若想给予我分享更多知识的动力,请扫描下面的微信打赏二维码,谢谢!: 微信号:Weixi ...