用高德sdk作一个滴滴司机端的导航地图(自定义地图导航界面)

时间 2019-11-11

标签 sdk 一个滴滴司机端的导航地图自定义界面繁體版

原文原文链接

用高德sdk作一个滴滴司机端的导航。

主要的导航功能是在NaviFragment中。html

效果以下:java

下载apk:下载地址git

扫一扫下载apkgithub

第一步:集成高德sdk

请看这篇文章集成Android高德SDK数组

第二步:四个重要的类

1.AMapNaviView 导航地图控件,导航路线都是在这个上面绘制的app

//AMapNaviView一些重要方法
    //获取绘制路线所需的Amap类。
    AMapNaviView.getMap()。
    
    //AMapNaviView有生命周期方法 须要咱们和Activity或者Fragment的生命周期保持一致。
    //在Activity的onCreate调用 在Fragment的onViewCreate调用
    AMapNaviView.onCreate(savedInstanceState)。
    
    //在Activity或者Fragment的onResume中调用
    AMapNaviView.onResume();   
    
    //在Activity或者Fragment的onPause中调用
    AMapNaviView.onPause(); 

    //在Activity或者Fragment的onDestory中调用
   // 提示:AMapNaviView是没有onStop方法的,因此不用写。
    AMapNaviView.onDestory();

2. RouteOverLay 用来在AMapNaviView上绘制导航的路线的类ide

//RouteOverLay一些重要方法
   //根据数据建立一个RouteOverLay
   RouteOverLay routeOverLay = new RouteOverLay(Amap, AMapNaviPath, Context);
   //添加到地图上。
   RouteOverLay.addToMap();

3. AMapNavi 导航功能类。(这个类是单例模式的)debug

//主要用来发起导航,能够向AMapNavi设置监听器监听导航中一些信息回调
    //AMapNavi一些重要方法 
    //计算驾车路径(包含起点)。
    AMapNavi.calculateDriveRoute(from, to,wayPoints,strategy); 
    // 添加导航事件回调监听。
    AMapNavi.addAMapNaviListener(listener);
    //开始导航。
    AMapNavi.startNavi(type);

4. AMapNaviListener 导航信息监听类code

//能够经过AMapNavi.addAMapNaviListener(AMapNaviListener)
    //AMapNaviListener有不少回调方法。这里介绍两个很是重要的回调方法。

    //路线计算成功的回调方法。咱们须要在这里作绘制导航路线。
    public void onCalculateRouteSuccess(AMapCalcRouteResult aMapCalcRouteResult)
    {
        
    }
    //路线计算失败的回调方法。咱们须要在这里失败的逻辑  好比显示一个按钮 告诉用户重试,重试也是调用AMapNavi.calculateDriveRoute(); 
    public void onCalculateRouteFailure(AMapCalcRouteResult aMapCalcRouteResult){
        
    }

四种触发AMapNaviListener的回调方法onCalculateRouteSuccess 或onCalculateRouteFailure的状况htm

第一种状况: 咱们主动调用AMapNavi.calculateDriveRoute()方法。前面已经介绍过了。
第二种状况: 咱们主动调用AMapNavi.switchParallelRoad()方法。(切换主路或辅路) AMapNaviListener 能够经过notifyParallelRoad(int parallelRoadType)告诉咱们是在主路仍是在辅路上。
第三种状况: SDK内部经过AMapNaviListener的回调方法onReCalculateRouteForYaw()通知咱们准备开始偏航了从新计算路线，这个时候也回调onCalculateRouteSuccess或onCalculateRouteFailure。
第四种状况: SDK内部经过AMapNaviListener的回调方法onReCalculateRouteForTrafficJam()方法通知咱们准备开始拥堵从新计算路线，这个时候也会回调onCalculateRouteSuccess或onCalculateRouteFailure。（很是拥堵从新计算路线这种况其实很是少见）

第三步: 如何使用这4个类。先写个简单的流程。

//获取AMapNaviView地图view
    AMapNaviView naviView=findViewById(R.id.naviView);
    AMapNaviViewOptions options = naviView.getViewOptions();


    //关闭自动绘制路线（若是你想自行绘制路线的话，必须关闭！！！）很是重要
    options.setAutoDrawRoute(false);
    //设置导航UI是否显示
    options.setLayoutVisible(false);
    
    //从新设置一下。
    naviView.setViewOptions(options);


    mAMapNavi=AMapNavi.getInstance(getContext);
   //向AMapNavi设置监听器。
    mAMapNavi.addAMapNaviListener(new AMapNaviListener() {
        @Override
        public void onCalculateRouteSuccess(AMapCalcRouteResult aMapCalcRouteResult) {
            //返回路线成功 这里经过AMapCalcRouteResult绘制路线
            
            //获取RouteOverLay所须要的Amap 若是要把路线绘制到AMapNaviView 请获取AMapNaviView的Amap
            aMap= AMapNaviView.getMap()
            
            //获取返回路线的数组routIDs aMapCalcRouteResult会返回一条或者多条路线。
            //ps:多条路线是用来作多路线选择的功能可是这里咱们只作简单导航。因此咱们只绘制一条。
            int[] routIds = aMapCalcRouteResult.getRouteid();
            int routeId=routIds[0].
            //经过routeId获取AMapNaviPath数据。
            AMapNaviPath aMapNaviPath=AMapNavi.getNaviPaths().get(routeId);
            //而后就能够建立RouteOverLay了
            RouteOverLay routeOverLay = new RouteOverLay(aMap, aMapNaviPath, context);
            
            
            
            //添加到AMapNaviView上。
            routeOverLay.addToMap();
            
            
            //绘制路线成功后。调用startNavi开始导航。
            //固然你也能够在别的地方调用  AMapNavi.startNavi(); //可是必定要在onCalculateRouteSuccess以后调用。
            mAMapNavi.startNavi();
    
        }

        @Override
        public void onCalculateRouteFailure(AMapCalcRouteResult aMapCalcRouteResult) {
            //路线计算失败的回调方法。咱们须要在这里作失败的逻辑  好比显示一个按钮 告诉用户重试,重试也是从新调用AMapNavi.calculateDriveRoute(); 
            ....
        }
        
    })
    
     //计算驾车路径(包含起点)。会回调 onCalculateRouteSuccess或 onCalculateRouteFailure方法。
     AMapNavi.calculateDriveRoute();

第四步: 导航信息的显示

导航信息:包括剩余千米预估时间等须要咱们展示出来以下图。

其实这些信息咱们只须要到 AMapNaviListener 去实现 onNaviInfoUpdate(NaviInfo naviInfo) 就能够拿到

代码以下:

public void onNaviInfoUpdate(NaviInfo naviInfo) {
        if (null != naviInfo) {
            //获取当前路段剩余距离
            int distance =naviInfo.getCurStepRetainDistance();
            //下一个街道名称
            String roadName = naviInfo.getNextRoadName();
            //获取路线剩余距离(总的路程剩余距离)
            int allDitance =naviInfo.getPathRetainDistance(); 
            //获取路线剩余时间(总的路程剩余时间)
            String allTime = naviInfo.getPathRetainTime()
        
            //获取导航转向图标类型
            int iconType=naviInfo.getIconType()
        }

实景图与模型图。

什么是实景图和模型图看下面的图片你们就明白了

实景图和模型图的也是须要在AMapNaviListener 中实现下面的方法就能够实现了

首先咱们须要在
    AMapNaviViewOptions options = getNaviView().getViewOptions();
    //设置是否自动显示模型图 这里咱们设置为false 
    options.setModeCrossDisplayShow(false);
    AMapNaviView.setViewOptions(options);
    
    @Override
    public void showCross(AMapNaviCross aMapNaviCross) {
        //实景图显示 回调

        //展现实景图
        zmLittleInIntersectionView.setImageBitmap(aMapNaviCross.getBitmap());


    }

    @Override
    public void hideCross() {
        //实景图隐藏 回调
  
       
    }

    @Override
    public void showModeCross(AMapModelCross aMapModelCross) {
     
        //模型图显示  回调

        //展现模型图
        modeCrossOverlay.createModelCrossBitMap(aMapModelCross.getPicBuf1(), new AMapModeCrossOverlay.OnCreateBitmapFinish() {
            @Override
            public void onGenerateComplete(Bitmap bitmap, int i) {
                zmLittleInIntersectionView.setImageBitmap(bitmap);
            }
        });

    }

    @Override
    public void hideModeCross() {
    
        //模型图隐藏 回调
        
    }

锁定自车与全览。

什么是锁定自车和全览

请看下图:

能够看到当咱们点击全览按钮的时候调用 displayOverview()方法从锁定自车模式进入了全览路线的模式点击定位按钮的时候调用 recoverLockMode()方法进入锁车模式

方法以下

//恢复锁车状态:用于用户主动恢复以前的导航锁车状态（好比从全览画面，挪动地图后画面返回）
    AMapNaviView.recoverLockMode();
         
  
    //全览能够经过下面的方式设置全览方法的上下左右的范围
    AMapNaviViewOptions options = getNaviView().getViewOptions();
    RouteOverlayOptions routeOverlayOptions = new RouteOverlayOptions();
    //int left, int top, int right, int bottom
    routeOverlayOptions.setRect(new Rect(100, 400, 100, 100));
    options.setRouteOverlayOptions(routeOverlayOptions);
    AMapNaviView.setViewOptions(options);
    //
    
    //全览模式  展现全览：成功算路得到路径以后，可将地图缩放到彻底展现该路径
    AMapNaviView.displayOverview();

导航路线上箭头和走过的灰色路线。

请看下图:

这两个效果的实现都要使用 RouteOverLay中的drawArrow方法和 updatePolyline方法而且要与AMapNaviListener 中的 onNaviInfoUpdate(NaviInfo naviInfo), onLocationChange(AMapNaviLocation aMapNaviLocation)
配合使用

代码以下:

@Override
    public void onNaviInfoUpdate(NaviInfo naviInfo) {
        List<NaviLatLng> naviLatLngList = routeOverLay.getArrowPoints(naviInfo.getCurStep());
        //画导航的箭头。
        routeOverLay.drawArrow(naviLatLngList);
    }

    @Override
    public void onLocationChange(AMapNaviLocation aMapNaviLocation) {
        super.onLocationChange(aMapNaviLocation);
        //画走过的灰色路线
        routeOverLay.updatePolyline(naviLocation);
    }

结束

在这里我大概介绍完了整体流程,

其实还有一个切换主路辅路功能没介绍,

固然还有不少细节问题，能够看下代码我写了不少注释。很简单

高德导航sdk文档

或者看下这个工程的代码,主要代码在NaviFragment中。

源码github

谢谢你们