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

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

"

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

相关文章
|
6月前
|
前端开发 JavaScript 算法
程序技术好文:高德地图经纬度坐标拾取工具
程序技术好文:高德地图经纬度坐标拾取工具
150 0
|
定位技术 容器
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
139 0
|
JavaScript 前端开发 搜索推荐
腾讯位置 - 地图构建入门(结尾附视频)
腾讯位置 - 地图构建入门(结尾附视频)
118 0
|
7月前
|
存储 Java 定位技术
【Android App】获取照片里的位置信息及使用全球卫星导航系统(GNSS)获取位置实战(附源码和演示 超详细)
【Android App】获取照片里的位置信息及使用全球卫星导航系统(GNSS)获取位置实战(附源码和演示 超详细)
467 0
|
7月前
|
前端开发
前端知识笔记(十八)———页面首次滑动不可返回
前端知识笔记(十八)———页面首次滑动不可返回
35 0
|
vr&ar 图形学
visionOS空间计算实战开发教程Day 2 使用RealityKit显示3D素材
我们在Day1中学习了如何创建一个visionOS应用,但在第一个Demo应用中我们的界面内容还是2D的,看起来和其它应用并没有什么区别。接下来我们先学习如何展示3D素材,苹果为方便开发人员,推出了RealityKit,接下来看如何使用。
120 0
《QT从基础到进阶·十七》QCursor鼠标的不同位置坐标获取
《QT从基础到进阶·十七》QCursor鼠标的不同位置坐标获取
216 0
|
人工智能 小程序 搜索推荐
找到刀郎《罗刹海市》--微信小程序调用地图--【小程序花园】
找到刀郎《罗刹海市》--微信小程序调用地图--【小程序花园】 这是我的CSDN 的文章 转过来,可能有些许错误。请留言
|
小程序 JavaScript 定位技术
微信小程序地图实现标记多个位置
微信小程序地图实现标记多个位置
303 0