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

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

"

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

相关文章
|
7月前
|
前端开发 JavaScript 算法
程序技术好文:高德地图经纬度坐标拾取工具
程序技术好文:高德地图经纬度坐标拾取工具
199 0
|
前端开发
前端学习笔记202305学习笔记第二十三天-区域文字和立体设置
前端学习笔记202305学习笔记第二十三天-区域文字和立体设置
51 0
|
定位技术 容器
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
149 0
|
JavaScript 前端开发 搜索推荐
腾讯位置 - 地图构建入门(结尾附视频)
腾讯位置 - 地图构建入门(结尾附视频)
125 0
|
8月前
|
C# 图形学
【Unity 3D】元宇宙案例之虚拟地球信息射线实战(附源码、演示视频和步骤 超详细)
【Unity 3D】元宇宙案例之虚拟地球信息射线实战(附源码、演示视频和步骤 超详细)
133 0
《QT从基础到进阶·十七》QCursor鼠标的不同位置坐标获取
《QT从基础到进阶·十七》QCursor鼠标的不同位置坐标获取
249 0
|
小程序 JavaScript 定位技术
微信小程序地图实现标记多个位置
微信小程序地图实现标记多个位置
322 0
|
Python
python植物大战僵尸二十四之调整植物放置位置
python植物大战僵尸二十四之调整植物放置位置
105 0
|
前端开发
前端知识学习案例18vs code-选择方形区域
前端知识学习案例18vs code-选择方形区域
75 0
前端知识学习案例18vs code-选择方形区域
|
前端开发
前端工作总结176-注意数据对应接口位置
前端工作总结176-注意数据对应接口位置
64 0
前端工作总结176-注意数据对应接口位置