xjwolaile
- 浏览: 341130 次
- 性别:
- 来自: 杭州
-
文章分类
- 全部博客 (354)
- 学习 (219)
- 工作 (69)
- 前端技术 (188)
- 个人评论 (1)
- 工作总结 (1)
- 工作的方法 (1)
- 代码库 (1)
- jQuery (63)
- javascript (4)
- css (4)
- 网络通信协议 (3)
- web (7)
- 服务端性能 (1)
- 优化 (1)
- html5 (4)
- serialize (1)
- 上线页面 (1)
- ie6 (6)
- js (1)
- iframe (1)
- flash (1)
- a (1)
- img (1)
- 页面tms的要求 (1)
- kissy (3)
- 需求也页面 (0)
- 需求页面 (2)
- 视频插件 (1)
- 切图片 (1)
- map (1)
- display (1)
- 浮动定位 (1)
- 大小图片的切换功能 (2)
- demo (1)
- margin (1)
- a标签 (1)
- border (1)
- 侧导航 (1)
- 切换PNG格式的css (1)
- padding (1)
- 显示添加和删除 (1)
- 滚动条 (1)
- 和图片处理 (1)
- 移动端 (1)
- 定位 (1)
- 移动端的包的引入作用与直接拨打电话的A标签 (1)
- git (1)
- node.js (1)
- Zepto (1)
最新评论
-
幻紫1992：
还有分页的功能、、(⊙o⊙)嗯
[JS代码库] -
幻紫1992：
就是没有返回顶部的按钮，这个页面、、
[JS代码库] -
幻紫1992：
很受用，O(∩_∩)O谢谢啦~
[JS代码库] -
nlnl520coco：
想下个东西 规则太苛刻了 网站得改进
[JS代码库] -
hxp520520：
new Limiter() 这个对象是kissy API里面的 ...
Limiter的简单demo--20131029
1、效果及功能说明
在地图上显示出起点到终点的距离和路线
2、实现原理
通过用户在两个关键词组里面填写的关键词组和地图上的信息进行核对，当全部正确的时候规划出正确的走向提示
主要的方法
3、效果图
4、运行环境
IE6 IE7 IE8及以上 Firefox 和 Google Chrome游览器下都可实现
5、代码
在地图上显示出起点到终点的距离和路线
2、实现原理
通过用户在两个关键词组里面填写的关键词组和地图上的信息进行核对，当全部正确的时候规划出正确的走向提示
主要的方法
//就是获得用户在哪里和需要去哪里的关键词组，在跟地图上的信息核对进行路线的规划
driving.search("西土城", "魏公村");
3、效果图
4、运行环境
IE6 IE7 IE8及以上 Firefox 和 Google Chrome游览器下都可实现
5、代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=54794f87ceb2aa2c191bd02d50a536ab"></script>
<title>根据起终点名称驾车导航</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图获得图片的方法
var map = new BMap.Map("allmap");
//这是输入当前的坐标和地图分化的级别，地图分化级别越大地图呈现出来的东西就越完整最后可以细化到街道
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
//是创建用户的需求是什么，在这边建立一个起点到终点的路线方法
var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
//获得地图上的信息对照在输入框里输入的两个关键词组有的话在地图上画出路线，前面的是起点后面的是终点
driving.search("西土城", "魏公村");
</script>
- 大小: 184.5 KB
分享到：
发表评论
-
Zepto
2015-08-15 13:49 1234Zepto Zepto，是一个比较 ... -
node.js的学习-20140611
2014-06-11 23:17 771//创建一个h1方法里面舒服一个nihao functi ... -
node.js的学习-20140609
2014-06-09 23:01 580Node.js 是一个基于Chrome JavaScript ... -
git的学习-20140604
2014-06-04 23:30 531Git使用 首先 开启"G ... -
PC和移动端的页面的一些差距-20140525
2014-05-25 23:46 879首先 1、标签、描述等描述清晰准确 2、网站结构3层树状结构 ... -
Bootstrap排版基础样式和响应式图片-20140521
2014-05-22 00:41 2737Bootstrap基础排版样式 .col-xs-* // ... -
Bootstrap特性、设计和组件-20140519
2014-05-19 22:22 710特点 Bootstrap是基于jQuery框架开发的，它在j ... -
Bootstrap流式布局-20140515
2014-05-16 00:26 14753流布局是一种适应屏幕的做法。即不固定块的宽度，而是采用百分比作 ... -
Bootstrap的宽度和分辨率的差别-20140514
2014-05-14 23:05 6263首先在bootstrap里面所有 ... -
Bootstrap的认识-20140513
2014-05-14 00:09 1380通过公司的两个比较大 ... -
jquery初步认识-20140123
2014-01-24 01:30 695一、原型模式结构 // 定义一个jQuery构造函数 ... -
html5的特殊标签作用-20140114
2014-01-15 01:04 913<base>、定义页面中所有链接的基准URL & ... -
ie下的指定样式-20140106
2014-01-08 00:00 7681. <!--[if !IE]><!--&g ... -
margin-left在IE6下左浮动加倍-20140102
2014-01-02 23:04 749一、IE6下如果line-height超出本身区块的heigh ... -
浮动存在的问题-20131229
2013-12-29 23:00 540看一个正常的浮动案例 <!DOCTYPE h ... -
在ie6下同张图片不能外面包有a标签后在画热区-20131223
2013-12-23 23:47 869最近在做页面有的发现一个问题 <div class ... -
ie6下导航存在的问题和-2013-12-20
2013-12-21 00:51 640最近在做事的时候发现一个有趣的问题，在上网也找过但是都没有很好 ... -
按比例展示的小js-20131217
2013-12-18 00:41 437做需求的做到一个关于这个功能的项目所以记下来 Math.ra ... -
定位需要注意-20131214
2013-12-15 01:07 701在CSS中关于定位的内容 ... -
flash在Safari下的BUG-20131212
2013-12-12 01:09 769<object width="940&qu ...
相关推荐
【标题】：“百度地图导航demo（官方的）” 在IT行业中，百度地图是知名的在线地图服务提供商，其为开发者提供了强大的API和SDK，使得开发者能够集成到自己的应用中，实现各种地图相关的功能，如定位、路线规划、...
线路规划是百度地图API的一大亮点，可以实现驾车、步行、骑行等多种方式的导航。源码会展示如何调用API获取路径规划信息，包括起点到终点的多条路线、每条路线的详细步骤、预计时间和距离等。同时，如何在地图上动态...
- 公交、驾车、步行导航：根据起终点名称或经纬度规划路径并展示导航方案。 此外，文档提供了参数赋值的说明和常见问题解答，例如为什么程序未返回结果。文档还指出，开发者在使用百度地图API之前应当阅读并同意...
【百度地图定位及周边信息...通过以上介绍，我们可以看到百度地图在定位、展示周边信息和地图交互方面的强大功能，无论是日常生活还是商务出行，都是一个非常实用的工具。了解并掌握这些功能，将使我们的生活更加便捷。
百度地图SDK还提供了路线规划服务，包括驾车、步行和公交等，开发者可以根据用户选择的起终点计算路径并绘制在地图上。 11. **事件监听**： 通过监听地图的触摸事件，可以实现用户交互功能，比如点击地图上的标注...
百度地图API支持地点、兴趣点（POI）的搜索，可以根据关键词快速找到相关地点，并返回位置坐标、名称、地址等详细信息。此外，还有周边搜索功能，可以在特定区域内查找餐饮、购物、娱乐等场所。 最后，**带检索功能...
3. **路线规划**：百度地图SDK提供了强大的路径规划服务，包括驾车、公交、步行等多种方式。开发者可以通过RoutePlanSearch类发起搜索请求，指定起点和终点，系统会自动计算出最佳路线。返回的结果包括路线的总距离...
【校园导航（百度API）】项目是一个利用百度地图API实现的智能导航系统，旨在为学生、教职员工以及访客提供便捷的校园内部路径规划。这个项目的核心是将百度地图的定位、路线规划和地图展示等功能集成到一个应用程序...
百度地图API的` DrivingRoutePlanning`服务允许开发者规划驾车路线，包括起点、终点和途经点。API会返回包含多个路径选项的结果，每个选项都包含了详细的步骤、距离和预计时间。开发者可以根据这些信息在地图上绘制...
综上所述，百度地图API是一个功能强大的工具，无论你是开发地图展示应用、导航服务，还是需要地理位置相关的功能，它都能提供全面的支持。结合其详细的注释说明，开发者可以轻松地将地图功能集成到自己的项目中，...
3. **路径规划**：对于交通导航应用，百度地图API提供了路线规划服务。开发者可以通过指定起点、终点和途径点，获取最佳的驾车、步行或骑行路线。C#中，我们需要解析API返回的路径规划数据，然后在地图上绘制路线。 ...
路径规划是百度地图SDK的另一大亮点，提供了驾车、步行和骑行等多种交通方式的导航计算。开发者可以设置起点和终点，SDK会自动计算出最优路线，并提供实时的导航指引，包括距离、预计时间等信息。 地图标注功能允许...
百度地图API提供多种路线规划服务，包括驾车、公交、步行、骑行等模式。开发者可以通过输入起点和终点，获取最优的路线信息，包括距离、预计时间、途经点等。此外，API还支持实时路况查询，帮助用户避开拥堵路段。 ...
百度地图API提供了逆地理编码服务，可以根据经纬度获取对应的省、市、区信息，然后在页面上显示出来。 接下来是关键部分——计算两点间的最短路径。百度地图API提供了路线规划服务，可以计算两个位置之间的驾车、...
路线规划是百度地图API的核心功能之一，它可以帮助用户找到从起点到终点的最佳路径。在公交路线搜索中，该服务会考虑公交线路、换乘次数、步行距离等因素，为用户提供多条备选方案。 3. **公交路线搜索**： 公交...
总之，“百度地图类库 检索控件”是一个强大的工具，它简化了地图应用中的搜索和导航功能的开发过程，使开发者能够更专注于业务逻辑，而不是底层的地理信息处理。通过熟练掌握`SearchControl`类的使用，我们可以构建...
【百度地图插件】是一种专为增强地图应用体验而设计的软件组件，它允许用户在自己的应用程序中集成百度地图的功能，提供丰富的地图显示、定位、路径规划和导航服务。通过这个插件，开发者能够轻松地将地图服务整合到...
百度地图API提供了多种路径规划算法，如驾车、步行、骑行等。开发者可以根据用户需求选择合适的规划方式，并在地图上绘制出推荐路线。 5. **标记与信息窗口**：在导航过程中，可能需要在地图上添加标记来表示起点、...
通过这个Demo，开发者可以学习如何在iOS应用中集成百度地图服务，实现基本的路径规划功能，这对于开发导航、打车等应用非常有用。在实际开发中，还可以根据需求扩展功能，比如添加步行或骑行路线，显示实时交通状况...
在IT行业中，百度地图API是一个广泛使用的工具，它允许开发者集成地理位置服务到他们的应用程序中。本文将深入探讨“百度地图API测试”相关的知识点，包括位置检索、周边检索、范围检索、公交检索、驾乘检索和步行...