我是靠谱客的博主 现实海燕,最近开发中收集的这篇文章主要介绍百度地图API绘制多点驾驶路线出错项目场景:问题描述原因分析:解决方案:,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

项目场景:

使用百度地图API绘制多点的驾驶路线

问题描述

在这里插入图片描述
BUG如上,各点之间出现直线,并没有按照驾驶路线划线

原因分析:

起初我以为是百度API的问题,以为driving.setSearchCompleteCallback返回的起点终点反了,在我仔细观察返回经纬度后发现问题在于使用for循环同时进行多个driving.search(point1, point2)的时候,由于网络延迟或者种种原因driving.setSearchCompleteCallback返回的路径并不是按照我发送的顺序,比如我search 1->2,2->3,3->4的路线,而driving.setSearchCompleteCallback返回点是2->3,1->2,3->4,所以就会出现上图的BUG

 for (let i = 0; i < route.length - 1; i++) {
   
                const {
    lat: lat1, lng: lng1 } = route[i]
                const {
    lat: lat2, lng: lng2 } = route[i + 1]
                let point1 = new BMap.Point(lng1, lat1)
                let point2 = new BMap.Point(lng2, lat2)
                driving.search(point1, point2)
          }
          driving.setSearchCompleteCallback(function () {
   
              const pts = driving.getResults().getPlan(0).getRoute(

最后

以上就是现实海燕为你收集整理的百度地图API绘制多点驾驶路线出错项目场景:问题描述原因分析:解决方案:的全部内容,希望文章能够帮你解决百度地图API绘制多点驾驶路线出错项目场景:问题描述原因分析:解决方案:所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(30)

评论列表共有 0 条评论

立即
投稿
返回
顶部