需要在页面文件中引用百度的js

@*<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7Yw45dAtrHHEbGMrIhT3zIbd"></script>*@
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=785845caa6f424e7e67b658852802c4b"></script>

var self = this;

self.route = "";
self.site = "";
//城市
self.currentcity = Session.getCurrentCity(); //当前城市{Code:420100,Name:武汉}
self.currCityCode = self.currentcity.Code;
self.currCityName = self.currentcity.Name;
self.swEntity = {};

self.list = [];
var lineType = 0;
//初始化公交和地铁的数量
var z = 0;
var dt = 0;
var state = false;

var busline = new BMap.BusLineSearch(self.currCityName, {
// renderOptions: { map: map, panel: "results" },

//获取指定编号的所有线路
onGetBusListComplete: function (busListResult) {
var y = 0;
var up = 0;
state = false;
if (busListResult) {
up = busListResult.getNumBusList();
for (var i = 0, num = busListResult.getNumBusList() ; i < num; i++) {
var item = busListResult.getBusListItem(i);
ha = item.HA;

//获取每条线路的站点
busline.getBusLine(item);
}
if (up == 0) {
if (++y >= up) {
if (z > 999) {
RelDiTie();
} else {
xilou();
}
}
}
busline.setGetBusLineCompleteCallback(function (lineResults) {
var jsonObj = lineResults;
var BusStaions = [];
for (var i = 0; i < jsonObj.BB.length; i++) {
BusStaions.push({ 'Name': jsonObj.BB[i].name, 'Lat': jsonObj.BB[i].position.lat, 'Lng': jsonObj.BB[i].position.lng, 'Address': jsonObj.BB[i].hk, 'ZoneCode': self.currCityCode, 'AreaId': '', 'IsChangeStation': 0 });
}

var busLineName = "";
if (jsonObj.name.indexOf('(') == -1) {
busLineName = jsonObj.name;
} else {
busLineName = jsonObj.name.substring(0, jsonObj.name.indexOf('('));
}
self.swEntity.Name = busLineName;
self.swEntity.BaiduName = jsonObj.name;
self.swEntity.Nos = z > 999 ? dt : z;
self.swEntity.LineType = lineType;
self.swEntity.Stations = BusStaions;
self.swEntity.ZoneCode = self.currCityCode;

self.list.push(self.swEntity);

self.site += BusStaions;
self.route += "路线:" + jsonObj.name + "<br/>";
$(".route").html(self.route);
//$(".site").text(self.site);

console.log("result:" + busLineName);

subWaysAdd(state);

if (++y >= up) {
if (z > 999) {
RelDiTie();
} else {
xilou();
}
}
});
}
}
});

function busSearch(name) {
busName = name;
busline.getBusList(busName);
}

self.Add = function () {
DelSubWayStationRel();

//for (var i = 0; i < 30; i++) {
// var dt = "地铁" + i.toString();
// busSearch(dt);
//}
}

function xilou() {
z += 1;
if (z > 999) {
alert("公交采集完毕,确定后采集地铁。");
RelDiTie();
//return;
} else {
busSearch(self.currCityName + z.toString());
// setTimeout(xilou, 15000);
}
}

function RelDiTie() {
dt += 1;
if (dt > 10) {
alert("地铁采集完毕");
} else {
lineType = 1;
var dtName = self.currCityName + "地铁" + dt.toString();
busSearch(dtName);
}
}

function DelSubWayStationRel() {
var url = "/CollectBus/DelSubWayStationRelations";

$http.post(url, { cityCode: self.currCityCode }).success(function (data, status, headers, config) {
if (data) {
alert("关系已清除,确定后开始采集新数据");
xilou();
}
}).error(function (data, status, headers, config) {
layer.alert("服务器错误,请联系管理员");
});
}

//将获取的信息保存到数据库
function subWaysAdd(state) {
var url = "/CollectBus/SubWaysAdd";

$.ajax({
url: url,
type: 'post',
async: false,//使用同步的方式,true为异步方式
data: { sw: self.swEntity, lineType: self.swEntity.LineType, cityCode: self.currCityCode },//这里使用json对象
success: function (data) {
result = data.result;
self.swEntity = {};
state = true;
},
fail: function () {

}
});
}

//通过循环执行定时器,解决采集异常后程序终止问题,每隔5分钟检查一次
window.setInterval(function () {
if (!state) {
var yuxinsu = z;
var timeout = window.setTimeout(function () {
if (yuxinsu == z && z < 999) {
xilou();
}
window.clearTimeout(timeout);
}, 60000);
}
}, 300000);

使用百度地图api接口获取公交地图路线和车站的更多相关文章

  1. 用户Ip地址和百度地图api接口获取用户地理位置(经纬度坐标,城市)

    <?php   //获取用户ip(外网ip 服务器上可以获取用户外网Ip 本机ip地址只能获取127.0.0.1) function getip(){     if(!empty($_SERVE ...

  2. 简单几行代码使用百度地图API接口分页获取信息

    首发于: 万能助手扩展开发:使用百度地图API接口分页获取信息_电脑计算机编程入门教程自学 http://jianma123.com/viewthread.aardio?threadid=426 使用 ...

  3. 【百度地图API】如何在地图上添加标注?——另有:坐标拾取工具+打车费用接口介绍

    原文:[百度地图API]如何在地图上添加标注?--另有:坐标拾取工具+打车费用接口介绍 摘要: 在这篇文章中,你将学会,如何利用百度地图API进行标注.如何使用API新增的打车费用接口. ------ ...

  4. 利用百度地图API,获取经纬度坐标

    利用百度地图API,获取经纬度坐标 代码很简单,但在网上没找到现成的获取地图经纬度的页面. 就是想,给当前页面传递一个经纬度,自动定位到此经纬度.然后可以重新选择,选择完返回经纬度. 效果如下: 源代 ...

  5. Angular 调用百度地图API接口

    Angular 调用百度地图API接口 参考原文:https://blog.csdn.net/yuyinghua0302/article/details/80624274 下面简单介绍一下如何在Ang ...

  6. vue框架导入百度地图API接口的方法

    百度请求API接口:

  7. 【百度地图API】如何利用地图API制作汽车沿道路行驶的动画?——如何获得道路层数据

    原文:[百度地图API]如何利用地图API制作汽车沿道路行驶的动画?--如何获得道路层数据 有几个做汽车导航的朋友问我说,他们想在地图上制作一辆车沿着道路行驶的动画.可是,百度地图的道路数据并没有公开 ...

  8. 【百度地图API】如何自定义地图图层?实例:制作麻点图(自定义图层+热区)

    原文:[百度地图API]如何自定义地图图层?实例:制作麻点图(自定义图层+热区) 摘要:自定义地图图层的用途十分广泛.常见的应用,比如制作魔兽地图和清华校园地图(使用切图工具即可轻松实现).今天我们来 ...

  9. [转]百度地图API详解之地图坐标系统

    博客原文地址:http://www.jiazhengblog.com/blog/2011/07/02/289/ 我们都知道地球是圆的,电脑显示器是平的,要想让位于球面的形状显示在平面的显示器上就必然需 ...

随机推荐

  1. CocoaPods pod install/pod update更新慢的问题

    CocoaPods pod install/pod update   最近使用CocoaPods来添加第三方类库,无论是执行pod install还是pod update都卡在了Analyzing d ...

  2. ffmpeg 屏幕录制 so easy....

    linux Linux下使用FFmpeg进行屏幕录制相对比较方便,可以使用x11grab,使用如下的命令: ffmpeg -f x11grab -s 1600x900 -r 50 -vcodec li ...

  3. XMLHttpRequest对象用法

    xmlhttprequest is what? 用户后台与服务器交换数据. 可以在不重新加载页面的情况下更新网页: 在页面已加载后从服务器请求数据: 在页面已加载后从服务器接收数据: 在后台向服务器发 ...

  4. Python打包成exe:屡试不爽的cxfreeze!

    Python用cxfreeze打包,不用像什么Pyinstaller繁杂的写配置文件,一行命令足以! 安装好cxfreeze后,进行python脚本目录,执行: C:\Python27\Scripts ...

  5. 在AngularJs中怎么设置请求头信息(headers)及不同方法的比较

    在AngularJS中有三种方式可以设置请求头信息: 1.在http服务的在服务端发送请求时,也就是调用http()方法时,在config对象中设置请求头信息:事例如下: $http.post('/s ...

  6. Oracle ORA-01722: 无效数字 处理方法

    C# + Oralce 10G 项目中 有用参数处理Update语句.参数命名和表字段同名.执行报错: ORA-01722: 无效数字 后修改所有的参数和对应字段不同.解决. 修改前: StringB ...

  7. 清理session的案例

    and OPNAME ='Sort Output'; and OPNAME ='Sort Output'; and OPNAME ='Sort Output' ); select 'alter sys ...

  8. JavaScript 入门教程四 语言基础【2】

    一.数据类型介绍: undefined null NaN 1.判断当前变量是否为 undefined: if (i === undefined) 或者 if (typeof (i) === " ...

  9. Maven 集成Tomcat插件

    转自:https://my.oschina.net/lilw/blog/168667 Maven Tomcat 插件现在主要有两个版本,tomcat-maven-plugin和tomcat7-mave ...

  10. 简单而兼容性好的Web自适应高度布局,纯CSS

    纯CSS实现的自适应高度布局,中间内容不符自动滚动条.兼容IE9以上.chrome.FF.关键属性是box-sizing: border-box. 不废话,直接上代码: <!doctype ht ...