前言
當使用打車軟件打車時,我們會好奇司機在送乘客的時候,乘客的手機並沒有在導航,那到底是如何做到的呢?今天我們來揭開它神祕的面紗
準備工作
實現此功能還是需要騰訊位置服務全家桶:騰訊導航SDK、騰訊地圖SDK、騰訊定位SDK、騰訊司乘同顯SDK,具體權限的開通需要去lbs.qq.com的官網控制檯,去操作另外具體SDK的權限可以聯繫小助手諮詢(如下圖所示),這裏就不多做探討 !
具體實現
使用核心地圖工具依賴庫
//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'
}
流程圖展示
根據上述流程圖的展示,我們知道要實現小車的平滑移動,需要不斷的獲取司機的最近幾秒內點和當前路線。具體過程是當司機開始司乘同顯時,會通過司乘同顯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
最終的效果展示
作者:騰訊位置服務
鏈接:https://my.oschina.net/u/4209404/blog/5082083
來源:開源中國
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。