騰訊位置服務打車乘客端小車平滑移動-安卓篇

前言

當使用打車軟件打車時,我們會好奇司機在送乘客的時候,乘客的手機並沒有在導航,那到底是如何做到的呢?今天我們來揭開它神祕的面紗

準備工作

實現此功能還是需要騰訊位置服務全家桶:騰訊導航SDK、騰訊地圖SDK、騰訊定位SDK、騰訊司乘同顯SDK,具體權限的開通需要去lbs.qq.com的官網控制檯,去操作另外具體SDK的權限可以聯繫小助手諮詢(如下圖所示),這裏就不多做探討 !

16222560693250.jpg

具體實現

使用核心地圖工具依賴庫

//module 依賴
dependencies {
    // 地圖庫
    implementation 'com.tencent.map:tencent-map-vector-sdk:4.4.2'
    // 地圖組件庫,包括小車平移、點聚合等組件功能,詳見開發指南。必須!!!
    implementation 'com.tencent.map:sdk-utilities:1.0.6' 
    // 定位sdk,可以從騰訊位置服務中心官網 聯繫小助手獲取
    implementation files('libs/TencentLocationSDK_v8.4.14_ra0311232_20200103_125837_release.aar')
    // 司乘同顯乘客端sdk,可以從騰訊位置服務中心官網 聯繫小助手獲取
    implementation files('libs/lspassenger_v2.0.1_04.03.aar')
    implementation files('libs/lssupport_v2.0.1_04.03.aar')
    // 基礎庫。可以從騰訊位置服務中心官網 聯繫小助手獲取
    implementation 'com.tencent.map:tencent-map-nav-surport:1.0.2.3'   
}

流程圖展示

16228857347642.jpg

根據上述流程圖的展示,我們知道要實現小車的平滑移動,需要不斷的獲取司機的最近幾秒內點和當前路線。具體過程是當司機開始司乘同顯時,會通過司乘同顯SDK同步路線和最近幾秒的GPS點,不斷的輪訓這樣我們就可以展示小車在地圖上的平滑移動了。當然這是在實際生產中,如果卡發者想要來實現看下效果,筆者這裏可以提供一個思路,可以構建一個ArrayList來包含整條線路的電串信息,然後不斷的每個3秒進行讀取3個點來傳入地圖組件庫SDK,以此往復,這樣就可以看見效果了。

代碼實現

/**
     * 平滑移動
     * @param points
     */
    private void translateAnima(LatLng[] points) {
        if(points == null || points.length <= 0)
            return;
        // 當司機沒有新數據上傳,防止拉取回上個點串的最後一個點
        if(points.length == 2 && SHelper.equalOfLatlng(points[0], points[1]))
            return;
        if(carMarker != null)
            carMarker.remove();
        carMarker = mapView.getMap().addMarker(
                new MarkerOptions(points[0])
                        .anchor(0.5f, 0.5f)
                        .icon(BitmapDescriptorFactory.fromResource(R.mipmap.map_icon_driver))
                        //設置此屬性 marker 會跟隨地圖旋轉
                        .flat(true)
                        //marker 逆時針方向旋轉
                        .clockwise(false));
        Log.e("tag1234", ">>>>>startAnimation()");
        // 小車平滑移動核心組件類,通過com.tencent.map:sdk-utilities:1.0.6獲取
        MarkerTranslateAnimator mTranslateAnimator = new MarkerTranslateAnimator(
                //執行此平移動畫的 marker
                carMarker,
                //動畫持續時間
                animaTime,
                //平移動畫點串
                points,
                //marker 是否會根據傳入的點串計算並執行旋轉動畫, marker 方向將與移動方向保持一致
                true);
        mTranslateAnimator.startAnimation();
        mTranslateAnimator.setFloatValuesListener(new MarkerTranslateAnimator.IAnimaFloatValuesListener() {
            @Override
            public void floatValues(LatLng latLng) {
                // 小車走過的路線進行擦除
                eraseRoute(latLng);
            }
        });
    }
    
    // 路線擦除代碼
    private void eraseRoute(LatLng latLng) {
        if(eraseThread == null) {
            eraseThread = new HandlerThread("car_erase_line");
            eraseThread.start();
        }
        if(eraseHandler == null ) {
            eraseHandler = new EraseHandler(eraseThread.getLooper());
        }

        Message message = Message.obtain();
        message.obj = latLng;
        message.what = ERASE_MSG;
        eraseHandler.sendMessage(message);
    }

    class EraseHandler extends Handler {

        public EraseHandler(Looper looper) {
            super(looper);
        }

        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            try{
                switch (msg.what){
                    case ERASE_MSG:
                        LatLng latLng = (LatLng) (msg.obj);
                        if(latLng != null && polyline != null)
                            polyline.eraseTo(curEraseLatlng != null ? curEraseLatlng.getPointIndex() : 0, latLng);
                        eraseHandler.removeMessages(ERASE_MSG);
                        break;
                }
            }catch (Exception e){
                Log.e(LOG_TAG, "erase handler handle message error:" + e.getMessage());
            }
        }
    }

如果感興趣的朋友,可以看下這裏的完整實現demo:https://github.com/tencentmap-mobility/mapmobilitydemo-passenger-Android/blob/master/app/src/main/java/com/map/mobility/passenger/synchro_v2/psg/PsgActivity.java

最終的效果展示

AnnotationAnimation.gif

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章