程序技术好文:百度地图输入一个位置到另一个位置的路线

简介: 程序技术好文:百度地图输入一个位置到另一个位置的路线

"

1 <!DOCTYPE html

2 [/span>html

3 [/span>head

4 [/span>meta http-equiv=""Content-Type"" content=""text/html; charset=utf-8"" />

5 [/span>title

6 [/span>script src=""""

7 [/span>script type=""text/javascript"" src=""""

8

, 0, 255, 1)""]

9 [/span>body

10 [/span>div class=""message""

11 [/span>input placeholder=""起点"" id=""start"" />

12 [/span>input type="""" name=""end"" id=""end"" value="""" placeholder=""终点"" />

13 [/span>button id=""search""

14

15 [/span>div id=""container"" style=""height: 500px;;""

16

17

18 [/span>script

19 var map = new BMap.Map(""container"");

20 //代码效果参考:https://v.youku.com/v_show/id_XNjQwNTgzNDgxMg==.html

map.centerAndZoom(new BMap.Point(114.064552,22.548457), 11);

21 var transit = new BMap.TransitRoute(map, {

22 renderOptions: {map: map}

23 });

24

25 $(""#search"").click(function(){

26 var start = $(""#start"").val();

27 var end = $(""#end"").val();

28

29 transit.search(start, end);

30 });

31

32
"
image.png

相关文章
|
4月前
|
运维 网络协议 安全
长连接网关技术专题(十):百度基于Go的千万级统一长连接服务架构实践
本文将介绍百度基于golang实现的统一长连接服务,从统一长连接功能实现和性能优化等角度,描述了其在设计、开发和维护过程中面临的问题和挑战,并重点介绍了解决相关问题和挑战的方案和实践经验。
222 1
|
3月前
|
定位技术 API C++
技术好文共享:百度地图卫星二维
技术好文共享:百度地图卫星二维
33 1
|
2月前
|
人工智能 API 语音技术
PHP对接百度语音识别技术
PHP对接百度语音识别技术
77 1
|
3月前
|
JSON 前端开发 API
程序技术好文:百度网盘真实地址解析(告别下载百度网盘)
程序技术好文:百度网盘真实地址解析(告别下载百度网盘)
235 0
|
4月前
|
数据可视化 Python
R语言量化技术分析的百度指数关注度交易策略可视化
R语言量化技术分析的百度指数关注度交易策略可视化
|
10月前
|
搜索推荐 中间件
系统入门到实战学习某项技术、有问题找"百度"、学习大佬的技术博客、找开源代码等资料
系统入门到实战学习某项技术、有问题找"百度"、学习大佬的技术博客、找开源代码等资料
79 0
|
4月前
|
传感器 机器学习/深度学习 自动驾驶
百度Apollo:激光雷达检测技术深度解析
百度Apollo:激光雷达检测技术深度解析
128 2
|
4月前
|
传感器 自动驾驶 数据可视化
Apollo 开放平台9.0 :百度驾自动驾驶技术的全新升级(文末赠送apollo周边)
Apollo 开放平台9.0 :百度驾自动驾驶技术的全新升级(文末赠送apollo周边)
155 1
|
4月前
|
存储 监控 网络协议
百度基于金融场景构建高实时、高可用的分布式数据传输系统的技术实践
本文将通过一个百度搜索旗下的金融场景案例来分享构建高实时、高可用的分布式数据传输系统的技术实践。
107 0
|
10月前
|
存储 缓存 安全
百度搜索:蓝易云【【HTTP 协议】掌握 Web 的核心技术】
以上是关于HTTP协议的核心知识点,深入理解和掌握这些内容将有助于开发和管理Web应用程序。HTTP是Web开发的基础,熟悉其工作原理和相关概念对于构建高效、安全的Web应用至关重要。
51 2