`
wyzxzws
  • 浏览: 391169 次
  • 性别: Icon_minigender_1
  • 来自: dazhou
社区版块
存档分类
最新评论

百度地图api参考(2)--实时路况

 
阅读更多

问题:刚接触百度地图,实时路况不懂。

解决办法:参考百度地图api,下面是自己写的一个小例子。



 

 

/**
	3d地图处理
	其中包括地图的系列操作:放、缩小、平移、搜索、定位
*/
window.onload = init;
var bdMap = null;
var city = {};
var hasRTT = false;//是否有实时路况
var rttCtrl = null;
function init(){
	try{
		// initData();
		var bdMap = new BMap.Map("container");
		bdMap.centerAndZoom(new BMap.Point(116.404, 39.915), 15);
		
		bdMap.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
		bdMap.addControl(new BMap.ScaleControl());	// 添加默认比例尺控件
		bdMap.enableScrollWheelZoom( true );
		rttCtrl = new BMapLib.TrafficControl();
		bdMap.addControl(rttCtrl);
	}catch( e ){}
}
/**
	打开或关闭实时路况
*/
function openOrCloseRTT(){
	if( hasRTT ){// 没有实时路况
		rttCtrl.hideTraffic();
	}else{
		rttCtrl.showTraffic({predictDate:{hour:15, weekday: 5}});
	}
	hasRTT = !hasRTT;
}

 

 

<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
		
		<title>百度地图的Hello, World</title>
	</head>
<body>
	<div id="container"></div>
	<div id="info_div">
		<label id="city_name"></label>
	</div>
	<div id="ctrl_div">
		<input type="button" value="三维地图" onclick="openOrCloseRs3DMap()"/>
		<input type="button" value="实时路况" alt="畅通(绿),拥堵(红),一般(黄)" onclick="openOrCloseRTT()"/>
	</div>
</body>
<link href="css/3dmap.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/TrafficControl_min.js"></script>
<script type="text/javascript" src="js/3dmap.js"></script>
</html>

 

 

 

body, html,#container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin:0;
	z-index:  0;
}
#ctrl_div {
	z-index: 100;
	position: absolute;
	right: 100px;
	top: 20px;
}
 #info_div {
	z-index: 100;
	position: absolute;
	left: 100px;
	top: 20px;
	height: 20px;
	border: 1px solid gray; 
	display: table;
	cursor : pointor;
	background-color: gray;
	color: white;
 }

 

  • 大小: 454.2 KB
  • 大小: 442.8 KB
分享到:
评论

相关推荐

    百度地图API实例

    完善的开发工具和文档是百度地图API的一大优势,提供了示例代码、调试工具以及详细的API参考文档,方便开发者快速上手和解决问题。 通过以上这些功能,开发者可以利用百度地图API构建各种创新的应用,如出行助手、...

    百度地图API做的实例

    4. **路线规划**:百度地图API支持公交、自驾、步行等多种交通方式的路线规划,包括起点到终点的最短距离、最少时间计算,以及实时路况信息。 5. **地图事件监听**:通过监听地图上的点击、拖动等事件,可以实现...

    百度地图使用Demo--全

    【标题】"百度地图使用Demo--全"是一个包含多种百度地图功能示例的综合资源,旨在帮助开发者全面理解和掌握如何在应用中集成和利用百度地图API。这个压缩包中的"BMADemo"很可能是包含了各种功能模块的源代码或者演示...

    百度地图api 官网 lbs 定位 导航

    **百度地图API**是百度提供的一种地理位置服务接口,主要用于实现地图展示、定位、导航等功能。在移动应用开发中,特别是Android平台,它被广泛应用于出行、生活服务、旅游导航等领域。下面将详细介绍百度地图API在...

    百度api实现地图源码

    开发者可以参考这些代码,了解如何在自己的应用中集成百度地图API的各种功能。在实际开发过程中,需要注意兼容性问题,以及遵守百度API的使用协议,合理利用API请求次数,避免因为超限导致的服务受限。 总的来说,...

    百度地图API_V3.4.0demo

    综上所述,百度地图API_V3.4.0 demo为开发者提供了全面的参考资料,帮助他们快速理解和集成百度地图服务。无论是构建地图应用还是开发具有定位、路径规划功能的产品,这个demo都能提供有力的支持。通过学习和实践,...

    百度地图api

    【百度地图API】是百度提供的一项开放服务,它允许开发者集成到自己的应用程序中,以便实现各种与地图相关的功能。通过这个API,开发者可以轻松地在网页、移动应用或Web服务中添加地图展示、定位、路线规划、地理...

    百度地图 功能模块完整版 开发指南

    (2)启动百度地图POI周边检索; (3)启动百度地图POI详情页面; (4)启动百度地图步行线路规划; (5)启动百度地图驾车线路规划; (6)启动百度地图公交路线规划; (7)启动百度地图骑行导航;(需百度地图App ...

    百度地图demo

    【百度地图demo】是开发者用来演示和学习百度地图API功能的应用示例,它涵盖了定位、聚合、热力图以及导航等多个关键功能。这个压缩包包含了多个版本的SDK示例,帮助开发者更好地理解和集成百度地图服务。 1. **...

    百度地图FLashAPI调用方法

    为了使用户体验更好,可以利用百度地图Flash API的连网特性,如实时路况、交通查询等。例如,开启实时路况: ```actionscript map.setTraffic(true); ``` 另外,还可以通过监听事件来实现交互功能,如点击地图时...

    百度API里的DEMO

    百度导航SDK是百度地图为开发者提供的专业级导航解决方案,适用于Android应用。通过这个SDK,开发者可以轻松集成实时路况导航、路径规划、兴趣点搜索等功能到自己的应用中。BaiduNaviSDKDemo.apk是一个演示应用,它...

    百度地图和高德地图Demo

    `AMapApiV2Demo`则是高德地图API V2版本的示例程序,它展示了高德地图API的各种功能,如搜索、地图显示、定位等。高德地图API提供了丰富的地理数据和强大的搜索能力,开发者可以利用它实现地点搜索、反向地理编码...

    百度地图的示例demo,定位,导航等

    这些示例通常会涵盖初始化地图、设置地图样式、添加标注、实现定位、搜索功能、导航服务和全景图的展示等常见操作,是学习和调试百度地图API的重要参考资料。 总结来说,百度地图API提供了全面的地理信息服务,包括...

    百度地图源码

    在IT行业中,尤其是在移动应用开发领域,百度地图API是一个重要的工具,它允许开发者集成地图功能到他们的应用程序中,提供定位、导航和周边搜索等服务。本文将深入探讨如何利用百度地图源码在Android平台上实现这些...

    百度地图定位路线规划导航

    2. **定位服务**:百度地图API提供了多种定位方式,如浏览器定位、IP定位、GPS定位等,帮助开发者获取用户的实时地理位置信息。用户可以设置定位精度,以适应不同的应用场景。 3. **路线规划**:路线规划是百度地图...

    百度手机地图 实例集合

    2. 定位服务:利用百度地图API获取用户当前位置,显示在地图上,同时可能包括实时定位更新和精度优化。 3. 路线规划:包括驾车、步行、骑行等多种模式的路径规划,以及多点路径规划,支持避障和实时路况。 4. 信息...

    百度地图基本功能

    5. **百度地图API**:除了网页和移动应用上的地图服务,百度地图还提供了开发者API,允许程序员将地图功能集成到自己的应用中。开发者可以通过API实现地图展示、位置搜索、路线规划、实时交通查询等功能,极大地丰富...

    百度地图开发指南

    本指南主要聚焦于“百度地图开发”,这是一份为开发者提供的详细资源,旨在帮助他们利用百度地图API创建各种功能丰富的应用。下面将深入探讨百度地图API的关键知识点。 1. **百度地图API介绍**: 百度地图API是...

    百度地图开发代码

    6. **地图服务**:包括天气服务、实时路况服务、周边检索服务等,这些都是通过调用百度地图API的特定服务接口实现的。 7. **地图控制**:比如缩放控件、平移控件、全屏控件等,可以自定义地图界面的行为。 8. **...

Global site tag (gtag.js) - Google Analytics