百度地图api实现路线规划之步行驾车

着手做一个用户轨迹的demo,大概分了下步骤:1、过滤边缘点;2、分段量化聚类焦点关键点;3、基于关键点的百度地图api路线规划;4:路线择优

我们先看下第三点基于键点的百度地图api路线规划的方案,是否有现成的api支撑我最初的想法(其他几点下期介绍)。

貌似百度地图api近期做了改版调整,新的路线规划地址如下

--路线规划v1.0

http://lbsyun.baidu.com/index.php?title=webapi/direction-api

--路线规划v2.0

http://lbsyun.baidu.com/index.php?title=webapi/direction-api-v2


下面我们介绍下html js下路线规划的实例。

1:步行规划


html代码示例

<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>步行途经点</title>  
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>  
</head>  
<body>  
<p><input type='button' value='开始' οnclick='run();' /></p>  
<div style="width:820px;height:500px;border:1px solid gray" id="container"></div>  
<script type="text/javascript">  var map = new BMap.Map("container");  map.centerAndZoom(new BMap.Point(116.404, 39.915), 13);  map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件  map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件  map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件  var myP1 = new BMap.Point(117.26542,39.112487);    //起点-互助西里var myP2 = new BMap.Point(117.269646,39.111262);    //终点-中山门公园 var myP3 = new BMap.Point(117.259773,39.112179);    //终点-二宫  window.run = function (){  map.clearOverlays();                        //清除地图上所有的覆盖物  var walking = new BMap.WalkingRoute(map);    //创建步行实例  walking.search(myP1, myP2);                 //第一个步行搜索  walking.search(myP2, myP3);                 //第二个步行搜索  walking.setSearchCompleteCallback(function(){  var pts = walking.getResults().getPlan(0).getRoute(0).getPath();    //通过步行实例,获得一系列点的数组  var polyline = new BMap.Polyline(pts);       map.addOverlay(polyline);  var m1 = new BMap.Marker(myP1);         //创建3个marker  var m2 = new BMap.Marker(myP2);  var m3 = new BMap.Marker(myP3);  map.addOverlay(m1);  map.addOverlay(m2);  map.addOverlay(m3);  var lab1 = new BMap.Label("起点",{position:myP1});        //创建3个label  var lab2 = new BMap.Label("途径点",{position:myP2});  var lab3 = new BMap.Label("终点",{position:myP3});     map.addOverlay(lab1);  map.addOverlay(lab2);  map.addOverlay(lab3);  setTimeout(function(){  map.setViewport([myP1,myP2,myP3]);          //调整到最佳视野  },1000);  });  }  
</script>  
</body>  
</html>  


2:驾车规划



html代码示例

<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>驾车途经点</title>  
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>  
</head>  
<body>  
<p><input type='button' value='开始' οnclick='run();' /></p>  
<div style="width:820px;height:500px;border:1px solid gray" id="container"></div>  
<script type="text/javascript">  var map = new BMap.Map("container");  map.centerAndZoom(new BMap.Point(116.404, 39.915), 13);  map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件  map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件  map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件  var myP1 = new BMap.Point(117.26542,39.112487);    //起点-互助西里var myP2 = new BMap.Point(117.213246,39.096892);    //终点-文化中心  var myP3 = new BMap.Point(117.174799,39.105852);    //终点-南开大学  window.run = function (){  map.clearOverlays();                        //清除地图上所有的覆盖物  var driving = new BMap.DrivingRoute(map);    //创建驾车实例  driving.search(myP1, myP2);                 //第一个驾车搜索  driving.search(myP2, myP3);                 //第二个驾车搜索  driving.setSearchCompleteCallback(function(){  var pts = driving.getResults().getPlan(0).getRoute(0).getPath();    //通过驾车实例,获得一系列点的数组  var polyline = new BMap.Polyline(pts);       map.addOverlay(polyline);  var m1 = new BMap.Marker(myP1);         //创建3个marker  var m2 = new BMap.Marker(myP2);  var m3 = new BMap.Marker(myP3);  map.addOverlay(m1);  map.addOverlay(m2);  map.addOverlay(m3);  var lab1 = new BMap.Label("起点",{position:myP1});        //创建3个label  var lab2 = new BMap.Label("途径点",{position:myP2});  var lab3 = new BMap.Label("终点",{position:myP3});     map.addOverlay(lab1);  map.addOverlay(lab2);  map.addOverlay(lab3);  setTimeout(function(){  map.setViewport([myP1,myP2,myP3]);          //调整到最佳视野  },1000);  });  }  
</script>  
</body>  
</html>  




本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/58074.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

智慧高速 3D 可视化,构建互联协同智能交通体系

随着智能交通科技和产业的发展&#xff0c;我国正在形成一个安全可靠、便捷高效、绿色智能、开放共享的现代化综合交通运输体系。《“十四五”现代综合交通运输体系发展规划》明确提出&#xff0c;加快智能技术深度推广应用&#xff0c;坚持创新驱动发展&#xff0c;推动互联网…

数据可视化之交通可视化

一 前言 智慧城市的概念自 2008年提出以来&#xff0c;在国际上引起广泛关注&#xff0c;并持续引发了全球智慧城市的发展热潮。智慧城市已经成为推进全球城镇化、提升城市治理水平、破解大城市病、提高公共服务质量、发展数字经济的战略选择。近年来&#xff0c;我国智慧城市…

智能交通车路协同系统的应用场景和发展趋势

随着城市化进程的加速和汽车保有量的增加&#xff0c;城市交通拥堵、交通事故等问题日益突出。为了解决这些问题&#xff0c;智能交通车路协同系统应运而生。智能交通车路协同系统是一种基于车载终端、路侧设备和交通管理中心等多个组成部分构成的智能交通系统&#xff0c;可以…

一文搞定腾讯地图开发中的路线规划和小车平滑移动

前言 在网约车行业的开发者&#xff0c;需要用到LBS&#xff08;Location Based Service&#xff09;&#xff0c;即基于位置的服务&#xff0c;国内提供LBS服务的有百度地图、腾讯地图、高德地图&#xff0c;本文选取的是腾讯地图的LBS即腾讯位置服务&#xff0c;这个demo可以…

智慧城市系列之智能交通系统(ITS)

第四章 ITS的主要内容 ITS的基本功能表现在&#xff1a;减少出行时间、保障交通安全、缓解交通拥挤、减少交通污染等四个方面&#xff0c;其最终目标是建立一个实时、准确、高效的交通运输管理系统。ITS的基本功能模块包括&#xff1a;先进的出行者信息系统&#xff08;ATIS&…

基于百度、高德路线规划的出行圈获取

想获取更准确的出行圈数据该怎么办呢?这个时候,我们就可以使用百度、高德的路线规划API去实现这一点。 百度、高德的路径规划服务以海量的交通大数据为基础,综合考虑道路拥堵、红绿灯等待等实际交通情况,是一种已经过大量实际项目检验的商业级数据服务。我们常用的地图导航…

以数字化、智能化、可视化为中心,打造智慧交通运维新标杆

交通作为国民经济和社会发展的基础性、先行性产业&#xff0c;在整个社会经济、民生发展中占有举足轻重的地位&#xff0c;随着包括5G基站建设、城际高速铁路和城市轨道交通、大数据中心、工业互联网在内的新基建按下加速键&#xff0c;轨道交通云联网加速实施。在此背景下&…

【大数据】城市公交网络分析与可视化(四):绘制城市公交(地铁)线路图

内容介绍 梗概&#xff1a;爬取公交路径坐标&#xff0c;处理成为符合高德地图Map Lab线形图的格式&#xff0c;通过该平台绘制公交&#xff08;地铁&#xff09;线路图等 一些必要的知识点可在该系列博客的其他内容中获得&#xff01; 1 采用循环法获取线路名 怎么获取一个…

自动驾驶轨迹预测/规划可视化工具

该可视化工具在ubuntu18.04下基于ros实现。该文档基于EPSILON的README操作流程完成。 参考文献&#xff1a;EPSILON: An Efficient Planning System for Automated Vehicles in Highly Interactive Environments github&#xff1a;GitHub - HKUST-Aerial-Robotics/EPSILON 目…

图扑数字孪生智慧公路,构建互联协同智能交通系统

前言 随着智能交通科技和产业的发展&#xff0c;我国正在形成一个安全可靠、便捷高效、绿色智能、开放共享的现代化综合交通运输体系。《“十四五”现代综合交通运输体系发展规划》明确提出&#xff0c;加快智能技术深度推广应用&#xff0c;坚持创新驱动发展&#xff0c;推动…

【腾讯地图API】制作多途经点的线路导航——路线坐标规划

面试&#xff1a;你懂什么是分布式系统吗&#xff1f;Redis分布式锁都不会&#xff1f;>>> 最近百度地图转腾讯地图以前用过百度地图实现路线坐标规划,不过搜索了一些没有搜索到腾讯地图的路线坐标规划,于是参数百度的思路写了个腾讯地图的路线坐标规划. 这两家地图…

GPT专业应用:自动撰写宣传稿

●图片由Lexica 生成&#xff0c;输入&#xff1a;Staff working on product promotion 宣传稿是指按照有关政策文件或相关精神&#xff0c;以宣传某种主张、某项工作、某件事情等为目的&#xff0c;为获得理解、支持而撰写的应用文。基本格式包含四个要素&#xff0c;分别是标…

百度AI 人工智能可以申请体验了,附登录方式

百度发布了一款名为“文心一言”的知识增强大语言 AI 模型&#xff0c; 它基于百度飞桨深度学习平台和文心知识增强大模型&#xff0c;旨在帮助人们从大量信息中挑选所需内容&#xff0c;获取灵感和知识&#xff0c;以使生活和工作更加便捷。该模型具有强大的中文语料库&#…

基于Python+AIML+Tornado的智能聊天机器人(NLP+深度学习)含全部工程源码+语料库 适合个人二次开发

目录 前言总体设计系统整体结构图系统流程图 运行环境Python 环境Tornado 环境 模块实现1. 前端2. 后端3. 语料库4. 系统测试 其它资料下载 前言 本项目旨在利用AIML技术构建一个聊天机器人&#xff0c;实现用户通过聊天界面与机器人交互的功能。通过提供的工程源代码&#xf…

Midjourney官方中文版登陆QQ!25张免费额度,聊天框召唤机器人即可作画

丰色 发自 凹非寺量子位 | 公众号 QbitAI Breaking News&#xff01;现在上QQ就能玩Midjourney了。 Midjourney AI微信号发布最新公告称&#xff1a; Midjourney官方中文版已开启内测。 在哪里测&#xff1f;QQ频道。每周一和周五晚6点&#xff0c;大家准时扫码进入&#xff0c…

js调用gpt3.5(支持流回显、高频功能)

参考链接&#xff1a;直接在前端调用 GPT-3 API 效果图&#xff1a; 查看在线demo(要梯子) 注意&#xff1a; 1. 需要apiKey&#xff0c;自用安全&#xff0c;不要给别人 2. 需要梯子 3. 选择稳定、人少的代理ip 4. 不要频繁切换ip&#xff0c;防止封号 5. api调用上限高&…

自媒体多平台助手——融媒宝

近些年来随着自媒体风越吹越大&#xff0c;更多的博主或者自媒体发布平台&#xff0c;都在建议自由职业者去做自媒体工作&#xff0c;性价比高时间自由&#xff0c;也越来越多向往自由的年轻人去选择自媒体工作&#xff0c;在家就可以根据自己的兴趣把自己的思想转化为自己的收…

自媒体多平台分发教程

自媒体平台现在风很大&#xff0c;已经是处在风口浪尖了&#xff0c;所以想要赚钱或者是想要实现自己个人价值的朋友们都不要放过这个难得的好机会。但是现在自媒体平台多种多样&#xff0c;如果只选择一个多自媒体平台去进行发布的话无疑是浪费的。创造出一篇属于自己的原创文…

自媒体平台操作手册,自媒体平台算法操作技巧详解

自媒体平台算法&#xff1a; 定位领域&#xff1a;历史、军事&#xff08;最赚钱&#xff09;发布时间&#xff1a; 00&#xff1a;00 2日推荐昵称&#xff1a;关键词寓意简介&#xff1a;直截了当、开门见山回头率&#xff1a;多次阅读流量&#xff1a;外部流量&#xff08…

ChatGPT还是挺强大的,今天测试了一个冒泡排序 代码写的还是很规范,未来低级程序员是不是要失业了 有点焦虑了

感兴趣的小伙伴可以自己注册体验&#xff08;免费注册&#xff09;。 注册连接&#xff1a;https://chatgptmirror.com?shareK36L42