js百度地图小车html,H5页面引用百度地图绘制车辆历史轨迹

最新推荐文章于 2023-10-25 15:00:57 发布

一二三是五~~~

最新推荐文章于 2023-10-25 15:00:57 发布

阅读量779

点赞数

文章标签： js百度地图小车html

这篇博客介绍如何利用JavaScript与百度地图API来展示车辆的历史轨迹。通过模拟数据，创建地图实例，并根据数据绘制多条车辆轨迹，同时显示起点和终点的文字信息。点击起点和终点可以弹出信息窗口，显示详细信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//打开百度地图

function openbMap(){

//模拟数据

var cars = {"car_5":[{"id":1,"order_id":651,"userNane": "王五","userPhoe": "18154679854","driver_id":5,"logistics_id":21,"lng":108.96903,"lat":34.307798,"position":"西安高新区高新4路","created_at":"2018-09-07 16:23:57","updated_at":"2018-09-07 16:23:57","with_driver":{"id":5,"logistics_comp_id":20,"userNane":"001","phone":"18000000010","plate_number":"","car_model":null,"status":0,"created_at":"2018-09-17 18:06:15","updated_at":"2018-09-17 18:06:15"}},{"id":2,"order_id":651,"userNane": "王五","userPhoe": "18154679854","driver_id":5,"logistics_id":21,"lng":108.977783,"lat":34.31214,"position":"西安高新区高新5路","created_at":"2018-09-07 16:24:34","updated_at":"2018-09-07 16:24:34","with_driver":{"id":5,"logistics_comp_id":20,"userNane":"001","phone":"18000000010","plate_number":"","car_model":null,"status":0,"created_at":"2018-09-17 18:06:15","updated_at":"2018-09-17 18:06:15"}}],"car_6":[{"id":3,"order_id":651,"userNane": "张三","userPhoe": "18154679854","driver_id":6,"logistics_id":20,"lng":108.977639,"lat":34.292697,"position":"西安市高新区\n","created_at":"2018-09-20 10:09:22","updated_at":"2018-09-20 10:09:22","with_driver":null},{"id":4,"order_id":651,"userNane": "张三","userPhoe": "18154679854","driver_id":6,"logistics_id":20,"lng":109.002217,"lat":34.296991,"position":"西安市高新区\n"

最低0.47元/天解锁文章