属性

属性名 类型 默认值 描述
location String, Point, None location表示检索区域,其类型可为空、坐标点或城市名称的字符串。当参数为空时,检索位置由当前地图中心点确定,且搜索结果的标注将自动加载到地图上,并支持调整地图视野层级;当参数为坐标时,检索位置由该点所在位置确定;当参数为城市名称时,检索会在该城市内进行。
start String, Point, LocalResultPoi 起点,参数可以是关键字、坐标点(自1.1版本支持)或者LocalSearchPoi实例。
end String, Point, LocalResultPoi 终点,参数可以是关键字、坐标点(自1.1版本支持)或者LocalSearchPoi实例。
startCity String 起点城市,可以是城市名或者城市编码。作为地方性重复地名的辅助选项,须与 endCity 属性同时使用,否则检索结果以 location 属性为准。
endCity String 终点城市,可以是城市名或者城市编码。作为地方性重复地名的辅助选项,须与 startCity 属性同时使用,否则检索结果以 location 属性为准。
waypoints Array 途经点集合,最多支持10个途经点,可以是名称也可以是坐标。
policy DrivingPolicy 驾车导航的策略参数
panel Boolean true 是否选展现检索结果面板。
autoViewport Boolean 检索结束后是否自动调整地图视野。
selectFirstResult Boolean 是否选择第一个检索结果。

事件

事件名 参数 描述
markersset {pois: Array, transfers: Array} 标注添加完成后的回调函数。
infohtmlset {poi: LocalResultPoi, html: HTMLElement} 标注气泡内容创建后的回调函数。
resultshtmlset {container: HTMLElement} 结果列表添加完成后的回调函数。
searchcomplete {results: DrivingRouteResult} 检索完成后的回调函数。
onpolylinesset {routes: Array, routes: Array} 折线添加完成后的回调函数。

示例

查询北京新街口途径三点到达南京新街口的驾车路线规划

代码

<template><baidu-map><bm-view class="map"></bm-view><bm-drivingstart="新街口"end="新街口"startCity="北京"endCity="南京":auto-viewport="true":waypoints="['呼和浩特', {lng: 112.53, lat: 37.87}, '陕西兵马俑']"></bm-driving></baidu-map>
</template>

预览

驾车前往 新街口地区 的路线

代码

<template><baidu-map><bm-view class="map"></bm-view><bm-drivingstart="天通苑北"end="宋家庄地铁站":auto-viewport="true"policy="BMAP_DRIVING_POLICY_LEAST_DISTANCE":panel="false"location="北京":waypoints="['西二旗']"></bm-driving></baidu-map>
</template>

百度地图的驾车路线规划相关推荐

  1. React使用百度地图实现驾车路线规划

    1.创建基本地图 <Map center={{ lng, lat }} zoom="11" style={{ height: '39vh'}} enableScrollWhe ...

  2. Android 调用百度地图sdk 实现路线规划导航

    Android 调用百度地图sdk 实现路线规划导航 功能: 实现实时/需求定位 卫星地图查看 路况 周边poi检索 地点输入提示检索 驾驶 步行 公交 骑行路线规划 注:以上为实现的大概功能 ,接下 ...

  3. (六)高德地图之驾车路线规划

    在项目中用到地图的地方往往会有导航功能,那么这一节将介绍一下使用高德地图来实现驾车路线规划的功能. 首先来两张示例图供参考:             接下来还是直接上代码更直观 建立DriverRou ...

  4. Android学习笔记之百度地图(驾车路线搜索及RouteOverlay步行路线搜索及RouteOverlay)

    步行路线搜索及RouteOverlay 方式与驾车路线搜索类似,只需将mMKSearch.drivingSearch(null, start, null, end)修改为mMKSearch.walki ...

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

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

  6. android百度地图根据点路线规划,Android 百度地图路径规划一直都是搜索不到结果...

    百度地图api2.4.1 在发起步行路径检索的时候 onGetWalkingRouteResult回调方法中的结果总是空的,即使直接复制api的代码也不对. 坐标我是用的百度地图的拾取坐标系统获取的坐 ...

  7. android高德地图api驾车路线规划,驾车路径规划-调起高德地图-示例中心-JS API 示例 | 高德地图API...

    html,body,#container{ height:100%; } .btn{ position: fixed; bottom: 20px; right: 20px; background-co ...

  8. android高德地图api驾车路线规划,规划结果 + 驾车路线绘制

    html, body, #container { width: 100%; height: 100%; } 规划结果 + 驾车路线绘制 var map = new AMap.Map("con ...

  9. android高德地图api驾车路线规划,可拖拽驾车路线规划

    可拖拽的路线规划 html, body, #container { width: 100%; height: 100%; } 请拖拽路径试试 var map, route, marker; //基本地 ...

最新文章

  1. Acwing--单调栈
  2. 事关人类生存?为什么要探寻AI系统的可解释性?
  3. Delphi APP 開發入門(五)GPS 定位功能
  4. MVC 学习日志1(上)
  5. python手写均值滤波器_python手写均值滤波
  6. linux mysql dns_Linux下搭建DNS服务器及踩坑
  7. 从FM推演各深度学习CTR预估模型
  8. -%3erow mysql_MySQL查询优化
  9. 领域应用 | 基于知识图谱的警用安保机器人大数据分析技术研究
  10. 吃豆人动态模型创建---canvas
  11. linux虚拟机怎么显示桌面,虚拟机中如何开启Linux的3d特效桌面?
  12. Java 线程池学习
  13. Linux设备模型(总线、设备、驱动程序和类)
  14. bodymovin导出没有html5,AE导出Web动画插件Bodymovin 5.7.6+使用教程 For CC 2014 – CC 2020...
  15. mysql朋友圈设计_微信朋友圈技术实现设想
  16. 系统背景描述_多元化多功能会议室报告厅智能控制系统方案
  17. C# winform中使窗体最小化(NotifyIcon)
  18. omnipeek无线抓包工具 Dlink 160驱动
  19. 基于单片机的电池管理系统
  20. Windows python pip换源不生效(window11系统),以及pip下载库包报错 because normal site-packages is not writeable

热门文章

  1. EI检索收录的文献如何下载全文?
  2. 如何查询2021年高考成绩名次,2021年高考哪个分数段竞争最激烈?这些考生太难了...
  3. mysql ogg kafka_ogg实时同步到Kafka
  4. Linux查看lib加载路径
  5. 2017.1.12——寒假集训第一天
  6. xxl-job搭建、部署、SpringBoot集成xxl-job
  7. post_thumbnail_html,WordPress 文章特色图片(Post Thumbnail)详细介绍和使用
  8. 车牌识别大大提升智慧加油站管理水平
  9. 程序员求职之道(《程序员面试笔试宝典》)之面试笔试技巧?
  10. Python测试习题