b2c信息网

您现在的位置是:首页 > 最新时事 > 正文

最新时事

百度地图api驾车导航(百度car地图导航)

hacker2022-07-02 00:25:25最新时事81
本文目录一览:1、百度地图API怎样实现根据起点和终点点击查询能出现路线2、

本文目录一览:

百度地图API 怎样实现根据起点和终点点击查询能出现路线

我觉得百度地图不好用,你可以用手机下载腾讯地图,在软件里面输入你所在地方以及你要去的目的地,点击导航,就可以看到导航线路了,导航线路里面 也有公交出行、驾车出行、走路出行三种出行导航线路,可供选择。设置好后你可以点击导航,就开启语音导航了。非常方便实用。是出行必备神器。

百度地图车道级导航怎么设置?

 用实景导航就好了,就能看到街道和车道了。

工具:华为P20

手机版本:Android v8

百度地图版本:15.9.5  

1、首先在手机上找到百度地图app打开,如下图所示,点击“路线”。

2、在打开的页面中点击“位置”可以设置要去的目的地。

3、设置完成,点击界面的“驾车”选项可以开始导航。

4、如下图所示,直接跟着导航即可抵达终点。

百度地图API之如何制作驾车导航

答案是,使用数据接口。数据接口,可以让百度地图API的数据,按照自定义的形式展示。 这个功能非常实用,学会这个方法,可以让您的地图更加接近百度地图的功能! 一、创建地图与网页样式 创建一张简单的地图,只需要3句话。varmap =newBMap.Map("container"); //创建Map实例 varpoint =newBMap.Point(116.404, 39.915); //创建点坐标 map.centerAndZoom(point,15); //初始化地图,设置中心点坐标和地图级别。 然后,我们制作出两个输入框,分别是起点输入框,和终点输入框。 从input class="df2b-d71a-3698-bd55 txt"type="text"value="机场"id="startInput"/到input class="d71a-3698-bd55-afcb txt"type="text"value="西站"id="endInput"/ input type="button"value="驾车"onclick="mDriving()"/ 使用“驾车”按钮,获取输入框中的数据。functionmDriving(){varstartPlace =document.getElementById("startInput").value;varendPlace =document.getElementById("endInput").value;} 二、创建搜索实例 对于起点和终点,我们需要创建2个不同的搜索实例://创建2个搜索实例 varstartSearch =newBMap.LocalSearch(map,startOption);varendSearch =newBMap.LocalSearch(map,endOption); 在点击“驾车”按钮后,开始搜索起点和终点都有哪些符合关键词的地方(POI点)。functionmDriving(){varstartPlace =document.getElementById("startInput").value;varendPlace =document.getElementById("endInput").value; startSearch.search(startPlace); endSearch.search(endPlace); document.getElementById("box").style.display="block"; } 三、搜索的数据接口 由于AJAX是异步加载的,我们使用百度地图API提供的回调函数onSearchComplete,来完成对搜索成功后的操作。 当搜索成功后,把每一个搜索结果(POI),按照我们自定义的方式,列在面板中。其实,这里我们只使用了数据接口,没用百度默认的结果面板。varstartOption ={ onSearchComplete: function(results){//判断状态是否正确if(startSearch.getStatus() ==BMAP_STATUS_SUCCESS){ startResults =results;vars =[];for(vari =0;i results.getCurrentNumPois(); i ++){ s.push("divpa onmouseover='map.openInfoWindow(startInfowin,startResults.getPoi("+i +").point);' href='#'"); s.push(results.getPoi(i).title); s.push("/a/pp"); s.push(results.getPoi(i).address); s.push("/p/div"); } document.getElementById("startPanel").innerHTML =s.join(""); }else{startResults =null;} } }; 当用户鼠标移到起点面板的标题处,我们在地图上打开一个信息窗口。里面放“选为起点”的按钮。varstartInfowin =newBMap.InfoWindow("p class='df2b-d71a-3698-bd55 t-c'input value='选为起点' type='button' onclick='startDeter();' //p"); 用户点击“选为起点”的按钮后,选定该点为起点,并隐藏起点面板,让用户选择终点。 为了方便看清起点的位置,我们需要在地图上打个红色的标注。并且,再次选择起点时,要清楚上一次的标注。functionstartDeter(){ map.clearOverlays(); startPoint =startInfowin.getPosition();varmarker =newBMap.Marker(startPoint); map.addOverlay(marker); document.getElementById("startPanel").style.display="none"; } 同理,制作终点的面板。这里需要注意的是,终点和起点不同,选择终点之后,需要创建一个驾车实例,并且绘制出驾车路线。 所以要做一个判断,用户是否已经选择了起点。如果没有,提示用户要先选择起点。functionendDeter(){ if(startPoint==null){alert("请先选择起点!");}else{ endPoint =endInfowin.getPosition(); driving.search(startPoint,endPoint); document.getElementById("endPanel").style.display="none"; } } 四、创建驾车实例和结果面板 在选择完毕确定的终点和起点后,驾车的结果就明了了。 一句话,轻松搞定。 vardriving =newBMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true,panel:drivingPanel}}); 五、页面样式完善 为了让页面干净好看,我们可以把不必要的结果展示暂时隐藏起来,当需要它们的时候,再展开。

百度地图api 搜索两点之间的驾车路线 如何保存这个路线使下次进入这个页面后 直接就显示这个路线了??

您好!

1.百度地图API 可让您在接受使用条款约束的情况下,在您的网站上显示百度地图图片;进行地点搜索、路线查询和交通流量显示等操作。

2.您只可使用在百度地图API文档中所列明开放的API功能来对API相关服务数据的结果进行展示,不得直接存取、使用内部数据、图片、程序、模块或是任何其他百度地图的服务或功能。

3.在接受使用条款约束的情况下,您可以在向最终用户提供其他信息的同时,使用 API 获得API相关服务数据。必须保留百度版权信息。

谢谢!

复制了百度地图api示例(驾车导航)到本地上,换了可以用的key,可是只有地图出不来路线

楼主下载到错误的版本了,我用的是腾讯地图,完全免费,覆盖了全国近400个城市。可以从地图中看到普通的矩形、卫星和街景,也可以使用地图查询银行、医院、宾馆、公园等地理位置,满足平时生活出行所需,希望可以帮到你,祝您出行愉快,满意望给个采纳,谢谢

发表评论

评论列表

  • 莣萳傻梦(2022-07-02 01:50:41)回复取消回复

    数据,按照自定义的形式展示。 这个功能非常实用,学会这个方法,可以让您的地图更加接近百度地图的功能!一、创建地图与网页样式 创建一张简单的地图,只需要3句话。varm

  • 柔侣庸颜(2022-07-02 04:14:45)回复取消回复

    ndPlace); document.getElementById("box").style.display="block"; } 三、搜索的数据接口 由于AJ

  • 痴者粢醍(2022-07-02 09:18:33)回复取消回复

    p =newBMap.Map("container"); //创建Map实例 varpoint =newBMap.Point(116.404, 39.915); //创建点坐标 map.centerAndZoom(point,15); //初始化地图,设置中心点坐标

  • 笙沉淤浪(2022-07-02 12:15:14)回复取消回复

    "txt"type="text"value="西站"id="endInput"/ input type="button"value="驾车"onclick="mDriving()"/ 使用“驾车”按钮,获取输入框中的数据。fu