From f2d9d620927006a825188ecbedf095b4ffed91f0 Mon Sep 17 00:00:00 2001
From: cxc <quantulr@outlook.com>
Date: Tue, 10 Jan 2023 17:25:36 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E7=BB=98=E8=B7=AF=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                      |   2 +
 src/assets/end.png               | Bin 0 -> 1115 bytes
 src/assets/endRoute.png          | Bin 0 -> 3827 bytes
 src/assets/mark_bs.png           | Bin 0 -> 1483 bytes
 src/assets/start.png             | Bin 0 -> 910 bytes
 src/assets/startRoute.png        | Bin 0 -> 3478 bytes
 src/components/AddFence.vue      |  87 ++++
 src/components/Map.vue           | 435 +++++++++++-----
 src/components/RouteStepList.vue | 101 ++++
 src/components/resp.json         | 852 +++++++++++++++++++++++++++++++
 10 files changed, 1336 insertions(+), 141 deletions(-)
 create mode 100644 src/assets/end.png
 create mode 100644 src/assets/endRoute.png
 create mode 100644 src/assets/mark_bs.png
 create mode 100644 src/assets/start.png
 create mode 100644 src/assets/startRoute.png
 create mode 100644 src/components/AddFence.vue
 create mode 100644 src/components/RouteStepList.vue
 create mode 100644 src/components/resp.json

diff --git a/src/App.vue b/src/App.vue
index 5137cb9..3ac673d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,12 @@
 <script setup>
 // import HelloWorld from "./components/HelloWorld.vue";
 import Map from "./components/Map.vue";
+import AddFence from "./components/AddFence.vue";
 </script>
 
 <template>
   <Map />
+  <!-- <AddFence /> -->
 </template>
 
 <style scoped></style>
diff --git a/src/assets/end.png b/src/assets/end.png
new file mode 100644
index 0000000000000000000000000000000000000000..d18ea9711ef4d885db48a55d19ea14d86ba9104c
GIT binary patch
literal 1115
zcmV-h1f=_kP)<h;3K|Lk000e1NJLTq000vJ0018d1^@s61(No+000CcNkl<Zc-p0u
zTWFhg7{()_cq!fpUbfA8KA+nhn|wK^$=XiA&AaKHpwM0jGPmiKh$4y;wkrj9qpnkA
zmbRlF)`8&Ki6U#aitNzzkfv?YFNZJ5<NN#rfsxIvTj9r>_kEw|`TxIuBqjhAB!|N<
z2ou7ba9hX<tUqzi{k?p5H9O(ZQ^LD~o(V@`ghx>bkD(Yk#HxDExu=f$dxj-K!Doe8
zJrqG9C;>qU@Q<M2i3nj<_MEFdb)vs0Ja<>vR?z>XFrx=cL3#f{6b>DR;qbz+Yl{5H
zORCSi0^BPd_2Qcso-T)N2K>j9fnnqW@+fkH{PFjIcpOIbMdYk*RrzPUIgXr7Lym`N
zC4EYK^sBISpYM4=&&g?qH;Sy?gTm4>jAJK}dt(AwiwlKw=TX#k&P!aHr%n!zf<F40
zV~Tmb<2$|(4Bv>H=!fyaM<^~XB0Jz>0Q*w?{0wL1gR%o|>Xnav$(b<S@whMUX%S>y
zQKSbv%9#IkzQoiFiZ^c|cj}C)#+PT+Jl*Fa)GHtT%rV_^yVuh0C^C)^bP7UaisH3p
z=)FTozw)Z8g@vo?pzPZx*%RuOkABICnf`S-3mMlzq^&{h^$aNr5|n;@9J+*NPn|}A
zxBB)xG7?mb$JujEt@6>&9MeBeM^Yb(K(_{v>K;P&i?7rTikordrlyg3|3mB@ISS*K
zd1O92EgB~)XVfbn{gSh5x^A~E?AXK52SZ49xsdXWDUzMeawVz5Dv*bi=hV|jzvL{M
zmTcCK*K9uMwg^&3UPJbqNf=kIsz=FRTSC%1TDqkKC0{<O`rQtPBH8U$z76q9&L^h7
zErWeGEDoeB5$yK*k@;~NskctZ>mJ2+yMw6DnXf1L_}rIv9Zu?%kACK;Z@`}e{d2bm
zG$i|nvEAuLqQxQDE7;aXki9T1b&NWtr;q;f*XfV`zFHxZ=#%H~2_Vtt#8$KYzHm<+
z_4LtS4kHV_JttOr<bTl<LZVeeyvdGuqpbqYxu=eL`YL{ce(&yjMp#+x(y-kXz-E&J
z8x7V9IOm=^>glTpBfoWZM*r#@M4~;2c(aD}dK=d3tYz49&OLS1-}jf6T<&O}S&`Si
z)fSMOIIvc0DZ`#~?nO6C{r`qtYHMu~3R|swR82yxh?y;{s^^@0>K+(Ier|0!yVPtG
zvmdcq2kul4vZ|hQ?x}mIu({@@2BEmo=$9M0CCsWSd(OFk=rA(d*f_b|V8?oc7prEc
zs_Z%EeqUkJ4fXEJ4ejz4eTW^<RAtZkzQd;K>z)v9+%&tfX7+)VJ?HxlBNu9Gk1d#c
z5v%clRr+^0f26P<4jibPH8*0l+5=Yhj~qt6H`iQWsd9pq{bPlFS5y7zVpT6#A3N+^
hb(LG#5wr(s{{vpa5l(sCCKCVv002ovPDHLkV1lC;GXekr

literal 0
HcmV?d00001

diff --git a/src/assets/endRoute.png b/src/assets/endRoute.png
new file mode 100644
index 0000000000000000000000000000000000000000..edefbdda854ad43ef21a25797eaea34e724feff5
GIT binary patch
literal 3827
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

literal 0
HcmV?d00001

diff --git a/src/assets/mark_bs.png b/src/assets/mark_bs.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f68e9ae921c87efc1e8aeba06642e2f0b5b83b8
GIT binary patch
literal 1483
zcmV;+1vL7JP)<h;3K|Lk000e1NJLTq001Tc002J-1^@s6jO4og000G&Nkl<Zc-qa?
zX>3$g7{>9}Vi2Rz!~_!wRF*DwT3Tr7P79@_g#i;2{Q?Ru;DUgn1quQJEtJwifkGD`
z(NBKCXbdRgZbT6yL<k@t5LrrDx&p1G%k=m>a$=^FdvEVdxB2i(ZtpqgJ^!?mjwq!J
zIg6UCjDc*}1IM5iTC`fe(`(s!uXxKMtkKh>unf*jD{fZPN?O(QQkR-uq14m6V7G>6
zzT+DAa4*mBtezn@ScDbcAsPrd(C}Z(P6l{~XLyz~V40pN7R<w@Vi6+YPv^E4495k#
zyN5G4i!&h##E@m!#@jQX*}1)qLwgiwa<;xh3>b$^DY&%&I-F(gYT7Q<D>$2Xz(NpD
z22l;qLx;26rJNYhn|KHB(szoR&S6;_>Z9TA)UtLS>=V2TceX$rh^E6JGr#U3IG45k
zu9|`aeJN{ui^ARKVGszoht=k17B{J^ovL5(ZZzb9kT7cU`kKMeIHjVa-@<q|8+3~f
zTUVVsc}t_p+}Y8u*uWML$;i7I0GBiIA)Jir{=^2fTw#->=iW%l*iff3DqMbnEoe$c
z*!5NEn{TU(a+hCV3!7xp+N!<j+nQ8*dAna=3!5Zu&DGPBcHC8y@X{Z!g-w#Sy0Rgy
zv`wXzwfl$CR)wZ|nfU&d_K9U}%AcUgB@<R%YMX%HnBUmZs?gLZsVgsDPsR6RYH6!~
zC}~z`s+80fe;-Q0f7}$5`UAGGNmAasP@Ym)r^fGS@e3)1wF*sTGJg5_S;@KAR1#kL
z1Gcb9l9!!(4B8X%Ir9f>VUsAOBsu5o{-mP1eve8js#j<^03r-aT6!icarGsYP}1D5
z*npPla4#%z$>{+2E1{r9#bZN%;N5J{E%(AGVaciS;EKbSXxz4c`V{Zv-MT@DQEqW3
zOX72{s90?5OT3eJgJ_+@;uoKI7%s&YRI71YoB9Or;+^_#(K?4wT=sEi?22<LW@}@g
z;9a~E#ElN~5c}@2k7CwdR?#@vn|KHB0`XuRHtwB221CtQd_9caa;H~tHt&GPK|C?U
zIBwC=c`>Uls3;8S4V=w8Kn$3N#k_rF02~>USE(Y4Z}%w9#O$N`4l!UJ7X8-mlmH#0
zF{~$Xrk*V(%)`bm{Eg^?DE!(ZHs9(IoQ0Vmf>^K!TX2|YFw{rj|4ldscL!&1mYyjV
z%)`da|JB{1$mM61V^c%7a0X|Abiq6<>djx=JpdOS>#9^3F7Sn8{WZlIdX{v-JS=kF
z&z@#QEIp}0H`V)uXE9?ohz%BDZyfX#04Kumg&R^-@0GCJO2xB!hS*>pHv09Sj655j
zecbCXp26AYKx{G(i+JrvBLQ$WB=4#UF08YKdwE8m6`QQWelRn~vG}+O!lia_FV4&b
z@q&3+_^aQW83<LQ@~^8=g|(KrhkNxI@q&4nWA1lWR);P<rABV7wG@(bN@4FB5HDGT
z&H2{K6VNuYpc(-+hPcK(Fa*R)=3!y4eAAUZK`YOz;fOH8HSGBq#0OSkUw36{=)%M5
z$$}a~T;m=PADD+d_3~F;xgV|#Usr{Y>Q4BMYkH6Pz&tGUr2}>pkHl9^AY$C{9oIm7
zWEJ+M9f`s74ys`rsypF3u7UW-JS^nJ{dU|3m4SJc2)e0=&wQuX#77okv%j#bYy|#v
zLlH$I@c#|(DnPoyJS-TCHa#<H{-OWF_{?`8KC=v)^|_^R8Sn@MI)*03;b+&7{2Pk+
z>=>3D&o%DhULRP6?K8rlLEwNGqTrdITnJo#MiHOg*2uv#JnIGXu%H+A8DUri#JCGh
z$ypFI^Rt?u8K2(Zv*$X`@T`57VS9~ugxMCsv)*8Y9SkCmKcy`Wc#t!^;7gdMKl~5|
lQ4me~IgD$1kC3-v{{oIL#HlU0*cJc)002ovPDHLkV1nn}+0p<2

literal 0
HcmV?d00001

diff --git a/src/assets/start.png b/src/assets/start.png
new file mode 100644
index 0000000000000000000000000000000000000000..730b6bc85877b06587358ce1bcc214a3ec2317bc
GIT binary patch
literal 910
zcmV;919AL`P)<h;3K|Lk000e1NJLTq000vJ0018d1^@s61(No+000A3Nkl<Zc-p0u
zYfQ~?9LE1<%uDme<^^+0B6qpxl7qs=*cfx0OEX4HhS5>EM5sjWb6G2MnNk=EZR9qz
z(Prh^vfK{39q0Oge4k(Tn;b{Q**^Q;p6B_W^WuLD06s({*0vL(g<HZq!TGZmaL@an
zeDy<i*0d1f1^dJl7bc|vlMf0<R8=$gyi-U0AH%|TRJ9iJBa$7MbXbf>{KGqSqQ4=u
zsTVdOp|ZJ<7rxhl2oaOnr-1d@?EOQ%_zH!VI&A#*ubU?%*%5IVnypuWoT9pZ)=4#M
z)@4EK=%ZhSjoWH#E7-#icoBXGSejWEa`y#L`kuYsX}G7B&__RW49k{JYb?8KFz%44
zn0dlP{AJ+u0|u&|`(I&Ly_tT=i8jLGKHRXRI$=3zDk3w0_)9>hgcV8{`x(bgTr7g7
zv;x#>=x2^GCbr^3*nT&{<m-~SToc((ps>}{^@}r1lz#zlio9Y_tD#?V-W#K><=)Y0
z9{kGnViVJkc~DXTz0<uPm}89GR8~D|zYC+%+=^+(-24`*w>u#rCNl1OS+#}_TYcW6
zXZj_l$_U-~`blVVEkb2MtT`U=v+A6O0ea8itjAuWe*RQ>DEEq#T1ZZjF=E5Zlo2~@
z7{1S`NWbU7ol<3BnBGU7btC3t9aE0FxYN)tIjP35^(BLcTHj(wszYI`2Iie|V&z#E
zdlh)$kw<gwnOE)7@4B^ze&(n*VCdTCw}x!{h(UY5W5pRKE79}DY?lvnPCC?`KKk|R
zG&s7ro8SmZszykPz0pulAN@Lv3|jLvHe_=d1|-)u8tUou`3oAjx~P@#s(->q^h>U3
z5bCI>&nJuwh<ZGw|ArFuPO5GY>ZteoPfPl(c$n8awhY00s{F#c=<=!mYgpgq_j?K6
z9=j{y58kP3FpTtBR+t$a^9n(`zWKmC@6<Iatk=@pL4p~W_!YmyJ@1VUBf*gcS%KC!
z=$iON!<l>Dn-tb_$<47rQ4i5&r%l6|`zD74Ey`~uyzIQC0-fYVX64L%lfy{&h1X*O
zqMxE;!e_9`Y~}u+!U7ju4Gf4ZK>LJGVCDSJVWivqD=#|4m4lV@e}x6iyS%UC+Gk+>
k@35|ObH@smf~6tt4*}(Xs`sw64FCWD07*qoM6N<$f>?ad%K!iX

literal 0
HcmV?d00001

diff --git a/src/assets/startRoute.png b/src/assets/startRoute.png
new file mode 100644
index 0000000000000000000000000000000000000000..120c75fc32267da865c72cebbcf888bd562cff3a
GIT binary patch
literal 3478
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
Eg2U{%asU7T

literal 0
HcmV?d00001

diff --git a/src/components/AddFence.vue b/src/components/AddFence.vue
new file mode 100644
index 0000000..6577be1
--- /dev/null
+++ b/src/components/AddFence.vue
@@ -0,0 +1,87 @@
+<template>
+  <div id="map-container"></div>
+</template>
+<script setup name="AddFence">
+import AMapLoader from "@amap/amap-jsapi-loader";
+import { onMounted, ref, shallowRef } from "vue";
+const map = shallowRef(null);
+const AMap = shallowRef(null);
+const fencePaths = ref([]);
+const fencePolygon = shallowRef(null);
+const turningPointMarkerList = ref([]);
+// 初始化地图
+const initMap = async () => {
+  try {
+    AMap.value = await AMapLoader.load({
+      key: "377d7c36dd385e2a722f29d4c6e1ffbf", // 申请好的Web端开发者Key，首次调用 load 时必填
+      // key: "7891f1238368a895ff1967c79643102d", // 申请好的Web端开发者Key，首次调用 load 时必填
+      version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+      plugins: [
+        // "AMap.Driving",
+        "AMap.Scale",
+        // "AMap.PlaceSearch",
+        // "AMap.AutoComplete",
+        // "AMap.Geocoder",
+        // "AMap.TruckDriving",
+      ], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+      AMapUI: {
+        // 是否加载 AMapUI，缺省不加载
+        version: "1.1", // AMapUI 版本
+        plugins: ["overlay/SimpleMarker"], // 需要加载的 AMapUI ui插件
+      },
+      Loca: {
+        // 是否加载 Loca， 缺省不加载
+        version: "2.0", // Loca 版本
+      },
+    });
+
+    map.value = new AMap.value.Map("map-container", {
+      zoom: 16, // 缩放级别
+      center: [117.290345, 31.797813], // 中心点
+    });
+    fencePolygon.value = new AMap.value.Polygon({});
+    map.value.add(fencePolygon.value);
+    map.value.on("click", handleMapClick);
+    // city: "010", //城市设为北京，默认：“全国”
+    // radius: 1000, //范围，默认：500
+    // AMap.value.Event.addListener(placeSearch.value, "markerClick", (e) => {
+    //   //添加事件
+    //   console.log(e); //获取点标注位置
+    // });
+
+    map.value.addControl(new AMap.value.Scale());
+  } catch (error) {
+    console.log(error);
+  }
+};
+const handleMapClick = (ev) => {
+  console.log(ev);
+  //   console.log(AMap.value.GeometryUtil);
+  fencePaths.value.push(ev.lnglat);
+
+  console.log(
+    JSON.stringify(
+      fencePaths.value.map((el) => new AMap.value.LngLat(el.lng, el.lat))
+    )
+  );
+  //   console.log(
+  //     AMap.value.GeometryUtil.makesureClockwise(
+  //       fencePaths.value.map((el) => new AMap.value.LngLat(el.lng, el.lat))
+  //     )
+  //   );
+  fencePolygon.value.setPath(
+    // AMap.value.GeometryUtil.makesureClockwise(
+    fencePaths.value.map((el) => new AMap.value.LngLat(el.lng, el.lat))
+    // )
+  );
+};
+onMounted(() => {
+  initMap();
+});
+</script>
+<style scoped lang="scss">
+#map-container {
+  width: 100vw;
+  height: 100vh;
+}
+</style>
diff --git a/src/components/Map.vue b/src/components/Map.vue
index 3cb085a..f27e539 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -40,7 +40,7 @@
                 v-for="item in searchTips"
                 :key="item.id"
                 class="suggestion-item"
-                @click="searchPoint(item.name)"
+                @click="searchPoint(item.name, 'start')"
               >
                 {{ item.name }}
               </div>
@@ -48,11 +48,10 @@
                 <el-input
                   v-model="formData.startName"
                   size="small"
-                  @keydown.enter="searchPoint(formData.startName)"
-                  @input="getAutoComplete"
+                  @keydown.enter="searchPoint(formData.startName, 'start')"
+                  @input="handleInput('start', $event)"
                   @focus="
                     nowSearch = 'start';
-                    // map.clearMap();
                     showStartSuggestion = true;
                   "
                   @blur="
@@ -78,7 +77,7 @@
                 v-for="item in searchTips"
                 :key="item.id"
                 class="suggestion-item"
-                @click="searchPoint(item.name)"
+                @click="searchPoint(item.name, 'end')"
               >
                 {{ item.name }}
               </div>
@@ -86,8 +85,8 @@
                 <el-input
                   v-model="formData.endName"
                   size="small"
-                  @input="map.clearMap(), getAutoComplete"
-                  @keydown.enter="searchPoint(formData.endName)"
+                  @input="getAutoComplete"
+                  @keydown.enter="searchPoint(formData.endName, 'end')"
                   @focus="
                     nowSearch = 'end';
                     // map.clearMap();
@@ -127,24 +126,31 @@
       <el-button type="primary" @click="searchRoute" size="small"
         >查询</el-button
       >
-      <!-- <ElButton type="success" @click="searchStartPoint">搜索</ElButton> -->
     </el-row>
-    <el-tabs v-model="activeTabName" @tab-click="handleTabClick">
+    <el-tabs
+      v-if="showStepPane"
+      v-model="activeTabName"
+      @tab-click="handleTabClick"
+    >
+      <!-- :disabled="!stepsList.length" -->
       <el-tab-pane label="费用最低" name="LEAST_FEE">
-        <div v-for="item in routeList" :key="item.start_location.lng">
-          {{ item.instruction }}
-        </div>
+        <div id="panel"></div>
+      </el-tab-pane>
+      <!-- :disabled="!stepsList.length" -->
+      <el-tab-pane label="时间最短" name="LEAST_TIME">
+        <route-step-list
+          :steps-list="stepsList"
+          :route-ext-data="routeExtData"
+          @step-click="handleRouteClick"
+      /></el-tab-pane>
+      <!-- :disabled="!stepsList.length" -->
+      <el-tab-pane label="距离最短" name="LEAST_DISTANCE">
+        <route-step-list
+          :steps-list="stepsList"
+          :route-ext-data="routeExtData"
+          @step-click="handleRouteClick"
+        />
       </el-tab-pane>
-      <el-tab-pane label="时间最短" name="LEAST_TIME"
-        ><div v-for="item in routeList" :key="item.start_location.lng">
-          {{ item.instruction }}
-        </div></el-tab-pane
-      >
-      <el-tab-pane label="距离最短" name="LEAST_DISTANCE"
-        ><div v-for="item in routeList" :key="item.start_location.lng">
-          {{ item.instruction }}
-        </div></el-tab-pane
-      >
     </el-tabs>
   </el-drawer>
   <el-button
@@ -157,24 +163,39 @@
 </template>
 <script setup>
 import AMapLoader from "@amap/amap-jsapi-loader";
+import startPng from "../assets/start.png";
+import endPng from "../assets/end.png";
+import startRoutePng from "../assets/startRoute.png";
+import endRoutePng from "../assets/endRoute.png";
 import { ArrowLeftBold, ArrowRightBold } from "@element-plus/icons-vue";
+import markBsPng from "../assets/mark_bs.png";
 import { ElMessage } from "element-plus";
+import { computed, onMounted, reactive, ref, shallowRef, toRefs } from "vue";
+import RouteStepList from "./RouteStepList.vue";
 
-import { onMounted, reactive, ref, shallowRef, toRefs } from "vue";
-const carType = ref("car"); // car: 小车, truck: 卡车
 const map = shallowRef(null);
-const driving = shallowRef(null);
-const truckDriving = shallowRef(null);
-const startMarker = shallowRef(null);
-const endMarker = shallowRef(null);
-const geocoder = shallowRef(null);
-const routeList = ref([]);
+const AMap = shallowRef(null);
+const carType = ref("car"); // car: 小车, truck: 卡车
+const driving = shallowRef(null); // 驾车路线规划插件
+const truckDriving = shallowRef(null); // 卡车路线规划插件
+const geocoder = shallowRef(null); // 经纬度转地址插件
+const placeSearch = shallowRef(null); // 地点搜索插件
+const autoComplete = shallowRef(null); // 搜索建议插件
+const startMarker = shallowRef(null); // 起点标记
+const endMarker = shallowRef(null); // 终点标记
+
+const searchResultMarkers = ref([]); // 搜索结果表笔列表
+const stepsPolylines = ref([]); // 路线步骤标记列表
+const stepsList = ref([]);
+const showStepPane = computed(
+  () =>
+    formData.value.startLngLat.length === 2 &&
+    formData.value.endLngLat.length === 2
+);
 const routePlugins = {
   car: driving,
   truck: truckDriving,
 };
-const placeSearch = shallowRef(null);
-const autoComplete = shallowRef(null);
 const drawer = ref(true);
 const routeFormRef = ref(null);
 const searchTips = ref([]);
@@ -182,7 +203,7 @@ const nowSearch = ref("");
 const showStartSuggestion = ref(false);
 const showEndSuggestion = ref(false);
 const activeTabName = ref("LEAST_FEE");
-const routePolicy = ref("LEAST_FEE");
+
 const data = reactive({
   formData: {
     startLngLat: [],
@@ -190,109 +211,175 @@ const data = reactive({
     endName: "",
     endLngLat: [],
   },
+  routeExtData: {
+    distance: 0,
+    time: 0,
+    policy: "",
+  },
 });
 
-const { formData } = toRefs(data);
-const initMap = () => {
-  AMapLoader.load({
-    key: "377d7c36dd385e2a722f29d4c6e1ffbf", // 申请好的Web端开发者Key，首次调用 load 时必填
-    // key: "7891f1238368a895ff1967c79643102d", // 申请好的Web端开发者Key，首次调用 load 时必填
-    version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: [
-      "AMap.Driving",
-      "AMap.Scale",
-      "AMap.PlaceSearch",
-      "AMap.AutoComplete",
-      "AMap.Geocoder",
-    ], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-    AMapUI: {
-      // 是否加载 AMapUI，缺省不加载
-      version: "1.1", // AMapUI 版本
-      plugins: ["overlay/SimpleMarker"], // 需要加载的 AMapUI ui插件
-    },
-    Loca: {
-      // 是否加载 Loca， 缺省不加载
-      version: "2.0", // Loca 版本
-    },
-  })
-    .then((AMap) => {
-      console.log(AMap.DrivingPolicy);
+const { formData, routeExtData } = toRefs(data);
 
-      map.value = new AMap.Map("map-container", {
-        zoom: 16, //级别
-        center: [117.290345, 31.797813],
-      });
-
-      // 加载插件
-      driving.value = new AMap.Driving({
-        // 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式
-        policy: AMap.DrivingPolicy.LEAST_TIME,
-        map: map.value,
-      });
-      placeSearch.value = new AMap.PlaceSearch({
-        map: map.value,
-      });
-      autoComplete.value = new AMap.AutoComplete({});
-
-      startMarker.value = new AMap.Marker();
-      endMarker.value = new AMap.Marker();
-      geocoder.value = new AMap.Geocoder();
-      // city: "010", //城市设为北京，默认：“全国”
-      // radius: 1000, //范围，默认：500
-      AMap.Event.addListener(placeSearch.value, "markerClick", (e) => {
-        //添加事件
-        console.log(e); //获取点标注位置
-        if (nowSearch.value === "start") {
-          formData.value.startName = e.data.name;
-          formData.value.startLngLat = [
-            e.data.location.lng,
-            e.data.location.lat,
-          ];
-        } else if (nowSearch.value === "end") {
-          formData.value.endName = e.data.name;
-          formData.value.endLngLat = [e.data.location.lng, e.data.location.lat];
-        }
-      });
-      map.value.on("click", (ev) => {
-        if (nowSearch.value === "start") {
-          startMarker.value.setPosition(
-            new AMap.LngLat(ev.lnglat.lng, ev.lnglat.lat)
-          );
-          map.value.add(startMarker.value);
-          regeoCode([ev.lnglat.lng, ev.lnglat.lat])
-            .then((address) => {
-              formData.value.startName = address;
-            })
-            .catch(() => {
-              formData.value.startName = `${ev.lnglat.lng}, ${ev.lnglat.lat}`;
-            });
-          formData.value.startLngLat = [ev.lnglat.lng, ev.lnglat.lat];
-        } else if (nowSearch.value === "end") {
-          endMarker.value.setPosition(
-            new AMap.LngLat(ev.lnglat.lng, ev.lnglat.lat)
-          );
-          map.value.add(endMarker.value);
-          regeoCode([ev.lnglat.lng, ev.lnglat.lat])
-            .then((address) => {
-              formData.value.endName = address;
-            })
-            .catch(() => {
-              // formData.value.startName = `${ev.lnglat.lng}, ${ev.lnglat.lat}`;
-              formData.value.endName = `${ev.lnglat.lng}, ${ev.lnglat.lat}`;
-            });
-          formData.value.endLngLat = [ev.lnglat.lng, ev.lnglat.lat];
-        }
-      });
-      map.value.addControl(new AMap.Scale());
-      console.log(map.value.getAllOverlays());
-    })
-    .catch((e) => {
-      console.error(e); //加载错误提示
+// 初始化地图
+const initMap = async () => {
+  try {
+    AMap.value = await AMapLoader.load({
+      key: "377d7c36dd385e2a722f29d4c6e1ffbf", // 申请好的Web端开发者Key，首次调用 load 时必填
+      // key: "7891f1238368a895ff1967c79643102d", // 申请好的Web端开发者Key，首次调用 load 时必填
+      version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+      plugins: [
+        "AMap.Driving",
+        "AMap.Scale",
+        "AMap.PlaceSearch",
+        "AMap.AutoComplete",
+        "AMap.Geocoder",
+        "AMap.TruckDriving",
+      ], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+      AMapUI: {
+        // 是否加载 AMapUI，缺省不加载
+        version: "1.1", // AMapUI 版本
+        plugins: ["overlay/SimpleMarker"], // 需要加载的 AMapUI ui插件
+      },
+      Loca: {
+        // 是否加载 Loca， 缺省不加载
+        version: "2.0", // Loca 版本
+      },
     });
+
+    map.value = new AMap.value.Map("map-container", {
+      zoom: 16, // 缩放级别
+      center: [117.290345, 31.797813], // 中心点
+      city: "合肥",
+    });
+    window.mapins = map.value;
+    /** 加载插件 */
+    // 驾车路线规划插件
+    driving.value = new AMap.value.Driving({
+      // 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式
+      // policy: AMap.DrivingPolicy.MULTI_POLICIES,
+      // map: map.value,
+      panel: "panel",
+    });
+
+    // 卡车路线规划插件 TODO:
+    truckDriving.value = new AMap.value.TruckDriving({ map: map.value });
+    // 地点搜索插件
+    placeSearch.value = new AMap.value.PlaceSearch({
+      // map: map.value,
+    });
+    geocoder.value = new AMap.value.Geocoder();
+    // 搜索建议插件
+    autoComplete.value = new AMap.value.AutoComplete({});
+    /** 加载插件结束 */
+
+    startMarker.value = new AMap.value.Marker({
+      icon: startPng,
+      anchor: "bottom-center",
+    });
+    endMarker.value = new AMap.value.Marker({
+      icon: endPng,
+      anchor: "bottom-center",
+    });
+    // city: "010", //城市设为北京，默认：“全国”
+    // radius: 1000, //范围，默认：500
+    AMap.value.Event.addListener(placeSearch.value, "markerClick", (e) => {
+      //添加事件
+      console.log(e); //获取点标注位置
+      if (nowSearch.value === "start") {
+        formData.value.startName = e.data.name;
+        formData.value.startLngLat = [e.data.location.lng, e.data.location.lat];
+      } else if (nowSearch.value === "end") {
+        formData.value.endName = e.data.name;
+        formData.value.endLngLat = [e.data.location.lng, e.data.location.lat];
+      }
+    });
+    map.value.on("click", handleMapClick);
+    map.value.addControl(new AMap.value.Scale());
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+const handleInput = (type, data) => {
+  getAutoComplete(data);
+};
+
+// 地图点击
+const handleMapClick = (ev) => {
+  // 起点输入框 focus 时
+  if (nowSearch.value === "start") {
+    map.value.clearMap();
+    if (formData.value.endLngLat.length === 2) {
+      map.value.add(endMarker.value);
+    }
+    startMarker.value.setPosition(
+      new AMap.value.LngLat(ev.lnglat.lng, ev.lnglat.lat)
+    );
+    map.value.add(startMarker.value);
+    regeoCode([ev.lnglat.lng, ev.lnglat.lat])
+      .then((address) => {
+        formData.value.startName = address;
+      })
+      .catch(() => {
+        formData.value.startName = `${ev.lnglat.lng}, ${ev.lnglat.lat}`;
+      });
+    formData.value.startLngLat = [ev.lnglat.lng, ev.lnglat.lat];
+  }
+  // 终点输入框 focus 时
+  else if (nowSearch.value === "end") {
+    map.value.clearMap();
+    if (formData.value.startLngLat.length === 2) {
+      map.value.add(startMarker.value);
+    }
+    endMarker.value.setPosition(
+      new AMap.value.LngLat(ev.lnglat.lng, ev.lnglat.lat)
+    );
+    map.value.add(endMarker.value);
+    regeoCode([ev.lnglat.lng, ev.lnglat.lat])
+      .then((address) => {
+        formData.value.endName = address;
+      })
+      .catch(() => {
+        formData.value.endName = `${ev.lnglat.lng}, ${ev.lnglat.lat}`;
+      });
+    formData.value.endLngLat = [ev.lnglat.lng, ev.lnglat.lat];
+  } else {
+    map.value.add(
+      new AMap.value.Marker({
+        position: new AMap.value.LngLat(ev.lnglat.lng, ev.lnglat.lat),
+        // icon: markBsPng,
+        content: `
+          <div
+            style="
+              background-image: url(${markBsPng});
+              width: 19px;
+              height: 31px;
+              background-size: cover;
+              color: #fff;
+              text-align: center;
+              font-size: 12px;
+              padding-top: 3px;
+            "
+          >
+            1
+          </div>
+        `,
+        anchor: "bottom-center",
+      })
+    );
+  }
+};
+const handleRouteClick = (data, index) => {
+  console.log(data, index);
+  map.value.setFitView([stepsPolylines.value[index]]);
+};
+const routeFixView = (idx) => {
+  console.log(idx);
+  map.value.setFitView(stepsPolylines.value[idx]);
 };
 
 // 根据经纬度获取地址
-const regeoCode = (lnglat) => {
+const regeoCode = (lnglat /** [lng, lat] */) => {
   return new Promise((resolve, reject) => {
     geocoder.value.getAddress(lnglat, (status, result) => {
       if (status === "complete" && result.regeocode) {
@@ -304,15 +391,8 @@ const regeoCode = (lnglat) => {
     });
   });
 };
-const addMark = (data) => {
-  const marker = new AMap.Marker({
-    position: new AMap.LngLat(data.lng, data.lat), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-    // title: "北京",
-    // content: "<b>起</b>",
-  });
-  map.value.add(marker);
-};
 
+// tab点击事件
 const handleTabClick = (tab, ev) => {
   activeTabName.value = tab.paneName;
   if (formData.value.startLngLat.length && formData.value.endLngLat.length) {
@@ -327,6 +407,11 @@ const clearRoute = () => {
   if (routeFormRef.value) {
     routeFormRef.value.resetFields();
   }
+  formData.value.startLngLat = [];
+  formData.value.endLngLat = [];
+  stepsList.value = [];
+  routeExtData.value = {};
+  map.value.clearMap();
 };
 
 // 搜索路线
@@ -334,14 +419,18 @@ const searchRoute = () => {
   if (!driving.value) return;
   return new Promise((resolve, reject) => {
     map.value.clearMap();
-    driving.value.opt.policy = AMap.DrivingPolicy[activeTabName.value];
+    driving.value.opt.policy = AMap.value.DrivingPolicy[activeTabName.value];
     const startLngLat = formData.value.startLngLat;
     const endLngLat = formData.value.endLngLat;
     driving.value.search(startLngLat, endLngLat, (status, result) => {
       // 未出错时，result即是对应的路线规划方案
       if (status === "complete") {
-        routeList.value = result.routes[0].steps;
-        console.log(result.routes);
+        stepsList.value = result.routes[0].steps;
+        routeExtData.value.distance = result.routes[0].distance;
+        routeExtData.value.time = result.routes[0].time;
+        routeExtData.value.policy = result.routes[0].policy;
+        console.log(result);
+        drawRoute(result);
         resolve(result);
       } else {
         reject("获取路线失败");
@@ -349,6 +438,60 @@ const searchRoute = () => {
     });
   });
 };
+
+// 绘制路线
+const drawRoute = (result) => {
+  const startLngLat = formData.value.startLngLat;
+  const endLngLat = formData.value.endLngLat;
+  map.value.add(startMarker.value);
+  new AMap.value.Polyline({
+    map: map.value,
+    strokeWeight: 8,
+    strokeOpacity: 1,
+    strokeColor: "#808080",
+    strokeStyle: "dashed",
+    path: [
+      new AMap.value.LngLat(...startLngLat),
+      new AMap.value.LngLat(
+        result.routes[0].steps[0].start_location.lng,
+        result.routes[0].steps[0].start_location.lat
+      ),
+    ],
+  });
+  new AMap.value.Polyline({
+    map: map.value,
+    strokeWeight: 8,
+    strokeOpacity: 1,
+    strokeColor: "#808080",
+    strokeStyle: "dashed",
+    path: [
+      new AMap.value.LngLat(
+        result.routes[0].steps[
+          result.routes[0].steps.length - 1
+        ].end_location.lng,
+        result.routes[0].steps[
+          result.routes[0].steps.length - 1
+        ].end_location.lat
+      ),
+      new AMap.value.LngLat(...endLngLat),
+    ],
+  });
+
+  stepsPolylines.value = result.routes[0].steps.map((el) => {
+    return new AMap.value.Polyline({
+      map: map.value,
+      strokeWeight: 8,
+      strokeOpacity: 1,
+      strokeColor: "#1bac2e",
+      showDir: true,
+      path: el.path.map((item) => new AMap.value.LngLat(item.lng, item.lat)),
+    });
+  });
+  map.value.add(endMarker.value);
+  map.value.setFitView(stepsPolylines.value);
+};
+
+// 切换左侧面板显示隐藏
 const switchDrawer = () => {
   drawer.value = !drawer.value;
   if (drawer.value) {
@@ -361,7 +504,9 @@ const switchDrawer = () => {
       "translate(0, -50%)";
   }
 };
-const searchPoint = (val /** 搜索建议选项 */) => {
+
+// 根据名称搜索地图标点
+const searchPoint = (val /** 搜索建议选项 */, type) => {
   if (val) {
     if (nowSearch.value === "start") {
       formData.value.startName = val;
@@ -373,8 +518,16 @@ const searchPoint = (val /** 搜索建议选项 */) => {
   } else {
     return;
   }
+
+  map.value.clearMap();
+  if (type === "start" && formData.value.endLngLat.length === 2) {
+    map.value.add(endMarker.value);
+  } else if (type === "end" && formData.value.startLngLat.length === 2) {
+    map.value.add(startMarker.value);
+  }
   placeSearch.value.search(val, (status, result) => {
     console.log(status, result);
+    // TODO: 添加搜索结果标记
   });
 };
 
diff --git a/src/components/RouteStepList.vue b/src/components/RouteStepList.vue
new file mode 100644
index 0000000..d33c760
--- /dev/null
+++ b/src/components/RouteStepList.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="title"></div>
+  <div class="steps-item start" v-if="stepsList.length">
+    <div
+      class="icon"
+      :style="{
+        backgroundPosition: stepIconMap.get('起点'),
+      }"
+    ></div>
+    <div class="content">起点</div>
+  </div>
+  <div
+    v-for="(item, index) in stepsList"
+    :key="item.start_location.lng"
+    class="steps-item"
+    @click="handleRouteClick(item, index)"
+  >
+    <div
+      class="icon"
+      :style="{
+        backgroundPosition: stepIconMap.get(item.action) ?? '-46px -23px',
+      }"
+    ></div>
+    <div class="content">
+      {{ item.instruction }}
+    </div>
+  </div>
+  <div class="steps-item start" v-if="stepsList.length">
+    <div
+      class="icon"
+      :style="{
+        backgroundPosition: stepIconMap.get('终点'),
+      }"
+    ></div>
+    <div class="content">终点</div>
+  </div>
+</template>
+<script setup name="StepsList">
+import { toRefs } from "vue";
+
+const emit = defineEmits(["step-click"]);
+const props = defineProps({
+  stepsList: {
+    type: Array,
+    required: true,
+  },
+  routeExtData: {
+    type: Object,
+    required: true,
+  },
+});
+const { stepsList } = toRefs(props);
+
+const stepIconMap = new Map([
+  ["靠左", "-406px -23px"],
+  ["左转", "-87px -23px"],
+  ["右转", "-124px -23px"],
+  ["左转调头", "-327px -23px"],
+  ["向右前方行驶", "-206px -23px"],
+  ["向左前方行驶", "-165px -23px"],
+  ["减速行驶", "-524px -23px"],
+  ["终点", "-126px -104px"],
+  ["起点", "-47px -104px"],
+]);
+
+const handleRouteClick = (data, index) => {
+  emit("step-click", data, index);
+};
+</script>
+<style scoped lang="scss">
+.steps-item {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding-bottom: 5px;
+  padding-top: 5px;
+  &:not(:last-child) {
+    // margin-bottom: 10px;
+    border-bottom: 1px solid #f0f0f0;
+  }
+  .icon {
+    margin-right: 8px;
+    width: 20px;
+    height: 20px;
+    color: #fff;
+    line-height: 20px;
+    border-radius: 50%;
+    border: 1px solid #ddd;
+    background-color: #fff;
+    // background-position: -47px -104px;
+    background-image: url(https://webapi.amap.com/theme/v1.3/images/newpc/diricon.png);
+  }
+  .content {
+    font-size: 12px;
+  }
+  &.start .content {
+    font-size: 14px;
+    font-weight: 700;
+  }
+}
+</style>
diff --git a/src/components/resp.json b/src/components/resp.json
new file mode 100644
index 0000000..59abdf7
--- /dev/null
+++ b/src/components/resp.json
@@ -0,0 +1,852 @@
+{
+  "status": "1",
+  "info": "OK",
+  "infocode": "10000",
+  "count": "1",
+  "route": {
+    "origin": "117.30176,31.799546",
+    "destination": "117.285367,31.795442",
+    "taxi_cost": "29",
+    "paths": [
+      {
+        "distance": "17039",
+        "duration": "1302",
+        "strategy": "费用最低",
+        "tolls": "2",
+        "toll_distance": "4918",
+        "steps": [
+          {
+            "instruction": "沿望湖西路向北行驶198米右转",
+            "orientation": "北",
+            "road": "望湖西路",
+            "distance": "198",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "47",
+            "polyline": "117.300842,31.799308;117.300542,31.800146;117.300285,31.801031",
+            "action": "右转",
+            "assistant_action": [],
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "97",
+                "status": "畅通",
+                "polyline": "117.300842,31.799308;117.300542,31.800146"
+              },
+              {
+                "lcode": [],
+                "distance": "101",
+                "status": "畅通",
+                "polyline": "117.300542,31.800146;117.300285,31.801031"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "包河区", "adcode": "340111" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿太平湖路向东行驶196米靠左进入匝道",
+            "orientation": "东",
+            "road": "太平湖路",
+            "distance": "196",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "10",
+            "polyline": "117.300285,31.801031;117.301813,31.80138;117.302301,31.801482",
+            "action": "靠左",
+            "assistant_action": "进入匝道",
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "149",
+                "status": "畅通",
+                "polyline": "117.300285,31.801031;117.301813,31.80138"
+              },
+              {
+                "lcode": [],
+                "distance": "47",
+                "status": "畅通",
+                "polyline": "117.301813,31.80138;117.302301,31.801482"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "包河区", "adcode": "340111" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿南北一号高架入口途径南北一号高架向北行驶2.1千米向右前方行驶进入匝道",
+            "orientation": "北",
+            "road": "南北一号高架入口",
+            "distance": "2078",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "151",
+            "polyline": "117.302301,31.801482;117.302656,31.801616;117.304394,31.802002;117.3053,31.802206;117.305831,31.80233;117.306051,31.802361;117.306271,31.802372;117.306459,31.802367;117.306647,31.802345;117.306931,31.802297;117.307317,31.802206;117.307473,31.80219;117.307575,31.80219;117.307671,31.802206;117.307757,31.802228;117.307865,31.802281;117.307966,31.802345;117.308052,31.802426;117.3081,31.802501;117.308133,31.802571;117.308154,31.802662;117.30816,31.802764;117.308143,31.802876;117.3081,31.803;117.307585,31.80411;117.307328,31.804641;117.307156,31.804958;117.306942,31.805419;117.306877,31.805564;117.306722,31.805709;117.306647,31.805848;117.306577,31.805988;117.306496,31.80617;117.305161,31.809443;117.304667,31.810805;117.303745,31.813273;117.3036,31.813675;117.30324,31.814651;117.303122,31.814963;117.302988,31.815263",
+            "action": "向右前方行驶",
+            "assistant_action": "进入匝道",
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "206",
+                "status": "畅通",
+                "polyline": "117.302301,31.801482;117.302656,31.801616;117.304394,31.802002"
+              },
+              {
+                "lcode": [],
+                "distance": "757",
+                "status": "畅通",
+                "polyline": "117.304394,31.802002;117.3053,31.802206;117.305831,31.80233;117.306051,31.802361;117.306271,31.802372;117.306459,31.802367;117.306647,31.802345;117.306931,31.802297;117.307317,31.802206;117.307473,31.80219;117.307575,31.80219;117.307671,31.802206;117.307757,31.802228;117.307865,31.802281;117.307966,31.802345;117.308052,31.802426;117.3081,31.802501;117.308133,31.802571;117.308154,31.802662;117.30816,31.802764;117.308143,31.802876;117.3081,31.803;117.307585,31.80411;117.307328,31.804641;117.307156,31.804958;117.306942,31.805419;117.306877,31.805564;117.306722,31.805709"
+              },
+              {
+                "lcode": [],
+                "distance": "33",
+                "status": "畅通",
+                "polyline": "117.306722,31.805709;117.306647,31.805848;117.306577,31.805988"
+              },
+              {
+                "lcode": [],
+                "distance": "563",
+                "status": "缓行",
+                "polyline": "117.306577,31.805988;117.306496,31.80617;117.305161,31.809443;117.304667,31.810805"
+              },
+              {
+                "lcode": [],
+                "distance": "334",
+                "status": "缓行",
+                "polyline": "117.304667,31.810805;117.303745,31.813273;117.3036,31.813675"
+              },
+              {
+                "lcode": [],
+                "distance": "113",
+                "status": "畅通",
+                "polyline": "117.3036,31.813675;117.30324,31.814651"
+              },
+              {
+                "lcode": [],
+                "distance": "72",
+                "status": "畅通",
+                "polyline": "117.30324,31.814651;117.303122,31.814963;117.302988,31.815263"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "包河区", "adcode": "340111" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿二环马鞍山路桥向北行驶136米靠左",
+            "orientation": "北",
+            "road": "二环马鞍山路桥",
+            "distance": "136",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "4",
+            "polyline": "117.302988,31.815263;117.303042,31.815413;117.303036,31.815467;117.302956,31.815821;117.302951,31.815982;117.302956,31.816089;117.302988,31.816223;117.303069,31.816384;117.303079,31.816406;117.303106,31.816454",
+            "action": "靠左",
+            "assistant_action": [],
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "136",
+                "status": "畅通",
+                "polyline": "117.302988,31.815263;117.303042,31.815413;117.303036,31.815467;117.302956,31.815821;117.302951,31.815982;117.302956,31.816089;117.302988,31.816223;117.303069,31.816384;117.303079,31.816406;117.303106,31.816454"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "包河区", "adcode": "340111" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿二环马鞍山路桥途径南二环路向西行驶2.9千米靠左沿主路行驶",
+            "orientation": "西",
+            "road": "二环马鞍山路桥",
+            "distance": "2944",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "328",
+            "polyline": "117.303106,31.816454;117.303181,31.816577;117.303331,31.816803;117.30338,31.816899;117.303396,31.816969;117.303401,31.817055;117.303396,31.817125;117.303369,31.817205;117.303315,31.817307;117.303278,31.81735;117.303219,31.817409;117.303117,31.817473;117.302999,31.817521;117.302881,31.817554;117.302752,31.817564;117.302623,31.817548;117.302468,31.817516;117.30198,31.817323;117.301765,31.8172;117.301615,31.817098;117.301454,31.816958;117.301132,31.816663;117.300971,31.816534;117.300837,31.816406;117.300832,31.8164;117.298021,31.815681;117.297769,31.815547;117.297028,31.815413;117.295795,31.815054;117.295167,31.814898;117.294212,31.814657;117.293509,31.814469;117.293021,31.814346;117.292919,31.814324;117.292506,31.814217;117.291873,31.814067;117.291471,31.813976;117.291079,31.813911;117.290564,31.813874;117.290231,31.813874;117.290038,31.813879;117.289255,31.81389;117.288622,31.813906;117.288402,31.813916;117.288048,31.813922;117.287367,31.813933;117.284063,31.814008;117.279728,31.814147;117.279251,31.814174;117.278237,31.814211;117.276601,31.81426;117.274256,31.814346",
+            "action": "靠左",
+            "assistant_action": "沿主路行驶",
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "393",
+                "status": "畅通",
+                "polyline": "117.303106,31.816454;117.303181,31.816577;117.303331,31.816803;117.30338,31.816899;117.303396,31.816969;117.303401,31.817055;117.303396,31.817125;117.303369,31.817205;117.303315,31.817307;117.303278,31.81735;117.303219,31.817409;117.303117,31.817473;117.302999,31.817521;117.302881,31.817554;117.302752,31.817564;117.302623,31.817548;117.302468,31.817516;117.30198,31.817323;117.301765,31.8172;117.301615,31.817098;117.301454,31.816958;117.301132,31.816663;117.300971,31.816534;117.300837,31.816406;117.300832,31.8164"
+              },
+              {
+                "lcode": [],
+                "distance": "305",
+                "status": "畅通",
+                "polyline": "117.300832,31.8164;117.298021,31.815681;117.297769,31.815547"
+              },
+              {
+                "lcode": [],
+                "distance": "72",
+                "status": "畅通",
+                "polyline": "117.297769,31.815547;117.297028,31.815413"
+              },
+              {
+                "lcode": [],
+                "distance": "184",
+                "status": "畅通",
+                "polyline": "117.297028,31.815413;117.295795,31.815054;117.295167,31.814898"
+              },
+              {
+                "lcode": [],
+                "distance": "94",
+                "status": "畅通",
+                "polyline": "117.295167,31.814898;117.294212,31.814657"
+              },
+              {
+                "lcode": [],
+                "distance": "69",
+                "status": "畅通",
+                "polyline": "117.294212,31.814657;117.293509,31.814469"
+              },
+              {
+                "lcode": [],
+                "distance": "48",
+                "status": "畅通",
+                "polyline": "117.293509,31.814469;117.293021,31.814346"
+              },
+              {
+                "lcode": [],
+                "distance": "10",
+                "status": "畅通",
+                "polyline": "117.293021,31.814346;117.292919,31.814324"
+              },
+              {
+                "lcode": [],
+                "distance": "40",
+                "status": "畅通",
+                "polyline": "117.292919,31.814324;117.292506,31.814217"
+              },
+              {
+                "lcode": [],
+                "distance": "62",
+                "status": "畅通",
+                "polyline": "117.292506,31.814217;117.291873,31.814067"
+              },
+              {
+                "lcode": [],
+                "distance": "39",
+                "status": "畅通",
+                "polyline": "117.291873,31.814067;117.291471,31.813976"
+              },
+              {
+                "lcode": [],
+                "distance": "118",
+                "status": "缓行",
+                "polyline": "117.291471,31.813976;117.291079,31.813911;117.290564,31.813874;117.290231,31.813874"
+              },
+              {
+                "lcode": [],
+                "distance": "152",
+                "status": "拥堵",
+                "polyline": "117.290231,31.813874;117.290038,31.813879;117.289255,31.81389;117.288622,31.813906"
+              },
+              {
+                "lcode": [],
+                "distance": "21",
+                "status": "拥堵",
+                "polyline": "117.288622,31.813906;117.288402,31.813916"
+              },
+              {
+                "lcode": [],
+                "distance": "33",
+                "status": "拥堵",
+                "polyline": "117.288402,31.813916;117.288048,31.813922"
+              },
+              {
+                "lcode": [],
+                "distance": "64",
+                "status": "拥堵",
+                "polyline": "117.288048,31.813922;117.287367,31.813933"
+              },
+              {
+                "lcode": [],
+                "distance": "723",
+                "status": "拥堵",
+                "polyline": "117.287367,31.813933;117.284063,31.814008;117.279728,31.814147"
+              },
+              {
+                "lcode": [],
+                "distance": "45",
+                "status": "拥堵",
+                "polyline": "117.279728,31.814147;117.279251,31.814174"
+              },
+              {
+                "lcode": [],
+                "distance": "96",
+                "status": "拥堵",
+                "polyline": "117.279251,31.814174;117.278237,31.814211"
+              },
+              {
+                "lcode": [],
+                "distance": "155",
+                "status": "缓行",
+                "polyline": "117.278237,31.814211;117.276601,31.81426"
+              },
+              {
+                "lcode": [],
+                "distance": "221",
+                "status": "缓行",
+                "polyline": "117.276601,31.81426;117.274256,31.814346"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "包河区", "adcode": "340111" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿南二环路向西行驶1.2千米向右前方行驶进入匝道",
+            "orientation": "西",
+            "road": "南二环路",
+            "distance": "1167",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "84",
+            "polyline": "117.274256,31.814346;117.273811,31.814356;117.272346,31.814405;117.271048,31.814448;117.270383,31.81448;117.269879,31.814517;117.269573,31.81455;117.268098,31.814786;117.268066,31.814791;117.267653,31.814855;117.267578,31.814871;117.267497,31.814882;117.266558,31.815032;117.265625,31.815183;117.264697,31.815333;117.26445,31.81537;117.264386,31.815381;117.263066,31.81558;117.26254,31.815665;117.262009,31.815756",
+            "action": "向右前方行驶",
+            "assistant_action": "进入匝道",
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "42",
+                "status": "畅通",
+                "polyline": "117.274256,31.814346;117.273811,31.814356"
+              },
+              {
+                "lcode": [],
+                "distance": "138",
+                "status": "畅通",
+                "polyline": "117.273811,31.814356;117.272346,31.814405"
+              },
+              {
+                "lcode": [],
+                "distance": "186",
+                "status": "畅通",
+                "polyline": "117.272346,31.814405;117.271048,31.814448;117.270383,31.81448"
+              },
+              {
+                "lcode": [],
+                "distance": "47",
+                "status": "畅通",
+                "polyline": "117.270383,31.81448;117.269879,31.814517"
+              },
+              {
+                "lcode": [],
+                "distance": "29",
+                "status": "畅通",
+                "polyline": "117.269879,31.814517;117.269573,31.81455"
+              },
+              {
+                "lcode": [],
+                "distance": "184",
+                "status": "畅通",
+                "polyline": "117.269573,31.81455;117.268098,31.814786;117.268066,31.814791;117.267653,31.814855"
+              },
+              {
+                "lcode": [],
+                "distance": "15",
+                "status": "畅通",
+                "polyline": "117.267653,31.814855;117.267578,31.814871;117.267497,31.814882"
+              },
+              {
+                "lcode": [],
+                "distance": "180",
+                "status": "畅通",
+                "polyline": "117.267497,31.814882;117.266558,31.815032;117.265625,31.815183"
+              },
+              {
+                "lcode": [],
+                "distance": "89",
+                "status": "畅通",
+                "polyline": "117.265625,31.815183;117.264697,31.815333"
+              },
+              {
+                "lcode": [],
+                "distance": "23",
+                "status": "畅通",
+                "polyline": "117.264697,31.815333;117.26445,31.81537"
+              },
+              {
+                "lcode": [],
+                "distance": "6",
+                "status": "畅通",
+                "polyline": "117.26445,31.81537;117.264386,31.815381"
+              },
+              {
+                "lcode": [],
+                "distance": "126",
+                "status": "畅通",
+                "polyline": "117.264386,31.815381;117.263066,31.81558"
+              },
+              {
+                "lcode": [],
+                "distance": "102",
+                "status": "畅通",
+                "polyline": "117.263066,31.81558;117.26254,31.815665;117.262009,31.815756"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "包河区", "adcode": "340111" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿南二环路出口向西行驶202米靠左",
+            "orientation": "西",
+            "road": "南二环路出口",
+            "distance": "202",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "8",
+            "polyline": "117.262009,31.815756;117.261913,31.815805;117.261806,31.815832;117.260969,31.815982;117.260303,31.816111;117.260105,31.816153;117.259933,31.816175",
+            "action": "靠左",
+            "assistant_action": [],
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "202",
+                "status": "畅通",
+                "polyline": "117.262009,31.815756;117.261913,31.815805;117.261806,31.815832;117.260969,31.815982;117.260303,31.816111;117.260105,31.816153;117.259933,31.816175"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "包河区", "adcode": "340111" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿南二环路出口途径金寨路高架向西南行驶3.5千米向右前方行驶",
+            "orientation": "西南",
+            "road": "南二环路出口",
+            "distance": "3540",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "310",
+            "polyline": "117.259933,31.816175;117.259697,31.816207;117.258608,31.816373;117.258399,31.816406;117.256146,31.816754;117.255481,31.816862;117.254945,31.816921;117.254376,31.816894;117.253555,31.816921;117.253389,31.816899;117.253196,31.81683;117.253067,31.81676;117.252911,31.816652;117.25282,31.816513;117.252761,31.816406;117.252729,31.816341;117.252697,31.816239;117.252697,31.8161;117.25274,31.815842;117.25281,31.81514;117.25281,31.815;117.252772,31.814861;117.252659,31.814625;117.252552,31.814448;117.252439,31.814313;117.252193,31.81404;117.251833,31.813621;117.251774,31.81353;117.251629,31.813348;117.251479,31.813176;117.25127,31.812897;117.251248,31.812844;117.251248,31.812753;117.251157,31.812651;117.251061,31.812549;117.250556,31.811985;117.250385,31.811776;117.250267,31.811631;117.248636,31.809738;117.248132,31.809126;117.246093,31.806481;117.245278,31.805419;117.24112,31.800033;117.240729,31.799535;117.239602,31.79807;117.238449,31.796584;117.238272,31.796359;117.237837,31.795801;117.237151,31.794921",
+            "action": "向右前方行驶",
+            "assistant_action": [],
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "428",
+                "status": "畅通",
+                "polyline": "117.259933,31.816175;117.259697,31.816207;117.258608,31.816373;117.258399,31.816406;117.256146,31.816754;117.255481,31.816862"
+              },
+              {
+                "lcode": [],
+                "distance": "51",
+                "status": "畅通",
+                "polyline": "117.255481,31.816862;117.254945,31.816921"
+              },
+              {
+                "lcode": [],
+                "distance": "455",
+                "status": "缓行",
+                "polyline": "117.254945,31.816921;117.254376,31.816894;117.253555,31.816921;117.253389,31.816899;117.253196,31.81683;117.253067,31.81676;117.252911,31.816652;117.25282,31.816513;117.252761,31.816406;117.252729,31.816341;117.252697,31.816239;117.252697,31.8161;117.25274,31.815842;117.25281,31.81514;117.25281,31.815;117.252772,31.814861;117.252659,31.814625;117.252552,31.814448"
+              },
+              {
+                "lcode": [],
+                "distance": "18",
+                "status": "缓行",
+                "polyline": "117.252552,31.814448;117.252439,31.814313"
+              },
+              {
+                "lcode": [],
+                "distance": "96",
+                "status": "缓行",
+                "polyline": "117.252439,31.814313;117.252193,31.81404;117.251833,31.813621"
+              },
+              {
+                "lcode": [],
+                "distance": "112",
+                "status": "畅通",
+                "polyline": "117.251833,31.813621;117.251774,31.81353;117.251629,31.813348;117.251479,31.813176;117.25127,31.812897;117.251248,31.812844;117.251248,31.812753"
+              },
+              {
+                "lcode": [],
+                "distance": "28",
+                "status": "畅通",
+                "polyline": "117.251248,31.812753;117.251157,31.812651;117.251061,31.812549"
+              },
+              {
+                "lcode": [],
+                "distance": "78",
+                "status": "畅通",
+                "polyline": "117.251061,31.812549;117.250556,31.811985"
+              },
+              {
+                "lcode": [],
+                "distance": "28",
+                "status": "畅通",
+                "polyline": "117.250556,31.811985;117.250385,31.811776"
+              },
+              {
+                "lcode": [],
+                "distance": "19",
+                "status": "畅通",
+                "polyline": "117.250385,31.811776;117.250267,31.811631"
+              },
+              {
+                "lcode": [],
+                "distance": "343",
+                "status": "畅通",
+                "polyline": "117.250267,31.811631;117.248636,31.809738;117.248132,31.809126"
+              },
+              {
+                "lcode": [],
+                "distance": "1273",
+                "status": "畅通",
+                "polyline": "117.248132,31.809126;117.246093,31.806481;117.245278,31.805419;117.24112,31.800033;117.240729,31.799535"
+              },
+              {
+                "lcode": [],
+                "distance": "194",
+                "status": "畅通",
+                "polyline": "117.240729,31.799535;117.239602,31.79807"
+              },
+              {
+                "lcode": [],
+                "distance": "197",
+                "status": "畅通",
+                "polyline": "117.239602,31.79807;117.238449,31.796584"
+              },
+              {
+                "lcode": [],
+                "distance": "104",
+                "status": "畅通",
+                "polyline": "117.238449,31.796584;117.238272,31.796359;117.237837,31.795801"
+              },
+              {
+                "lcode": [],
+                "distance": "116",
+                "status": "畅通",
+                "polyline": "117.237837,31.795801;117.237151,31.794921"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [
+                  { "name": "包河区", "adcode": "340111" },
+                  { "name": "蜀山区", "adcode": "340104" }
+                ]
+              }
+            ]
+          },
+          {
+            "instruction": "沿金寨路高架出口途径金寨路辅路向西南行驶990米向右前方行驶进入匝道",
+            "orientation": "西南",
+            "road": "金寨路高架出口",
+            "distance": "990",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "86",
+            "polyline": "117.237151,31.794921;117.236963,31.794835;117.236657,31.794433;117.235772,31.79328;117.234683,31.791912;117.234345,31.791601;117.234211,31.791423;117.233449,31.79027;117.232859,31.789299;117.232703,31.789053;117.23243,31.788634;117.232269,31.788393;117.232028,31.788039;117.231904,31.787845;117.231684,31.78754;117.231566,31.787379",
+            "action": "向右前方行驶",
+            "assistant_action": "进入匝道",
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "456",
+                "status": "畅通",
+                "polyline": "117.237151,31.794921;117.236963,31.794835;117.236657,31.794433;117.235772,31.79328;117.234683,31.791912;117.234345,31.791601"
+              },
+              {
+                "lcode": [],
+                "distance": "23",
+                "status": "畅通",
+                "polyline": "117.234345,31.791601;117.234211,31.791423"
+              },
+              {
+                "lcode": [],
+                "distance": "267",
+                "status": "畅通",
+                "polyline": "117.234211,31.791423;117.233449,31.79027;117.232859,31.789299"
+              },
+              {
+                "lcode": [],
+                "distance": "31",
+                "status": "畅通",
+                "polyline": "117.232859,31.789299;117.232703,31.789053"
+              },
+              {
+                "lcode": [],
+                "distance": "52",
+                "status": "畅通",
+                "polyline": "117.232703,31.789053;117.23243,31.788634"
+              },
+              {
+                "lcode": [],
+                "distance": "31",
+                "status": "畅通",
+                "polyline": "117.23243,31.788634;117.232269,31.788393"
+              },
+              {
+                "lcode": [],
+                "distance": "45",
+                "status": "畅通",
+                "polyline": "117.232269,31.788393;117.232028,31.788039"
+              },
+              {
+                "lcode": [],
+                "distance": "64",
+                "status": "畅通",
+                "polyline": "117.232028,31.788039;117.231904,31.787845;117.231684,31.78754"
+              },
+              {
+                "lcode": [],
+                "distance": "21",
+                "status": "畅通",
+                "polyline": "117.231684,31.78754;117.231566,31.787379"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "蜀山区", "adcode": "340104" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿G4001合肥绕城高速入口向东行驶670米减速行驶到达收费站",
+            "orientation": "东",
+            "road": "G4001合肥绕城高速入口",
+            "distance": "670",
+            "tolls": "0",
+            "toll_distance": "0",
+            "toll_road": [],
+            "duration": "68",
+            "polyline": "117.231566,31.787379;117.231218,31.787121;117.231083,31.787078;117.230955,31.787062;117.230805,31.787068;117.230649,31.787116;117.23051,31.787191;117.230418,31.787298;117.23037,31.787411;117.230359,31.78754;117.230397,31.787695;117.23045,31.78777;117.230579,31.787867;117.230735,31.787942;117.230955,31.78798;117.231207,31.787974;117.23147,31.787931;117.231786,31.787856;117.23302,31.787529;117.233717,31.787346;117.234506,31.78703;117.234721,31.786939;117.234967,31.786853;117.235118,31.786816;117.235284,31.786778",
+            "action": "减速行驶",
+            "assistant_action": "到达收费站",
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "319",
+                "status": "畅通",
+                "polyline": "117.231566,31.787379;117.231218,31.787121;117.231083,31.787078;117.230955,31.787062;117.230805,31.787068;117.230649,31.787116;117.23051,31.787191;117.230418,31.787298;117.23037,31.787411;117.230359,31.78754;117.230397,31.787695;117.23045,31.78777;117.230579,31.787867;117.230735,31.787942;117.230955,31.78798;117.231207,31.787974;117.23147,31.787931;117.231786,31.787856"
+              },
+              {
+                "lcode": [],
+                "distance": "191",
+                "status": "畅通",
+                "polyline": "117.231786,31.787856;117.23302,31.787529;117.233717,31.787346"
+              },
+              {
+                "lcode": [],
+                "distance": "82",
+                "status": "畅通",
+                "polyline": "117.233717,31.787346;117.234506,31.78703"
+              },
+              {
+                "lcode": [],
+                "distance": "47",
+                "status": "畅通",
+                "polyline": "117.234506,31.78703;117.234721,31.786939;117.234967,31.786853"
+              },
+              {
+                "lcode": [],
+                "distance": "31",
+                "status": "畅通",
+                "polyline": "117.234967,31.786853;117.235118,31.786816;117.235284,31.786778"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "蜀山区", "adcode": "340104" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿G4001合肥绕城高速入口向东行驶360米靠右",
+            "orientation": "东",
+            "road": "G4001合肥绕城高速入口",
+            "distance": "360",
+            "tolls": "1",
+            "toll_distance": "360",
+            "toll_road": "G4001合肥绕城高速入口",
+            "duration": "41",
+            "polyline": "117.235284,31.786778;117.235686,31.786719;117.23619,31.786665;117.236695,31.786628;117.236845,31.786622;117.23706,31.786633;117.237236,31.786655;117.237317,31.786665;117.23751,31.786735;117.23758,31.786778;117.237757,31.786907;117.237848,31.786987;117.238068,31.787229;117.238191,31.787373;117.238476,31.787754",
+            "action": "靠右",
+            "assistant_action": [],
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "360",
+                "status": "畅通",
+                "polyline": "117.235284,31.786778;117.235686,31.786719;117.23619,31.786665;117.236695,31.786628;117.236845,31.786622;117.23706,31.786633;117.237236,31.786655;117.237317,31.786665;117.23751,31.786735;117.23758,31.786778;117.237757,31.786907;117.237848,31.786987;117.238068,31.787229;117.238191,31.787373;117.238476,31.787754"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [{ "name": "蜀山区", "adcode": "340104" }]
+              }
+            ]
+          },
+          {
+            "instruction": "沿G4001合肥绕城高速入口途径G4001合肥绕城高速向东行驶4.6千米到达目的地",
+            "orientation": "东",
+            "road": "G4001合肥绕城高速入口",
+            "distance": "4558",
+            "tolls": "1",
+            "toll_distance": "4558",
+            "toll_road": "G4001合肥绕城高速",
+            "duration": "165",
+            "polyline": "117.238476,31.787754;117.238696,31.788017;117.238926,31.788253;117.239109,31.788393;117.239302,31.788489;117.239591,31.788607;117.239763,31.788666;117.240278,31.78879;117.24075,31.788886;117.241179,31.788935;117.241941,31.788977;117.242123,31.788999;117.242172,31.789015;117.242258,31.789053;117.244457,31.789026;117.245128,31.789031;117.245911,31.789042;117.246093,31.789047;117.246324,31.789053;117.248073,31.789122;117.248861,31.789176;117.250556,31.789315;117.251999,31.789455;117.25231,31.789492;117.25399,31.789718;117.255476,31.789948;117.256725,31.790163;117.25863,31.790544;117.260674,31.79101;117.262535,31.791504;117.263275,31.791719;117.263881,31.791874;117.2654,31.79225;117.267368,31.792722;117.268066,31.792899;117.26887,31.793108;117.269729,31.793306;117.271478,31.793676;117.273237,31.794031;117.274369,31.79424;117.275501,31.794433;117.275785,31.794481;117.276928,31.794648;117.277652,31.794782;117.27843,31.794878;117.279181,31.794953;117.280855,31.795055;117.285366,31.79544",
+            "action": [],
+            "assistant_action": "到达目的地",
+            "tmcs": [
+              {
+                "lcode": [],
+                "distance": "403",
+                "status": "畅通",
+                "polyline": "117.238476,31.787754;117.238696,31.788017;117.238926,31.788253;117.239109,31.788393;117.239302,31.788489;117.239591,31.788607;117.239763,31.788666;117.240278,31.78879;117.24075,31.788886;117.241179,31.788935;117.241941,31.788977;117.242123,31.788999;117.242172,31.789015;117.242258,31.789053"
+              },
+              {
+                "lcode": [],
+                "distance": "271",
+                "status": "畅通",
+                "polyline": "117.242258,31.789053;117.244457,31.789026;117.245128,31.789031"
+              },
+              {
+                "lcode": [],
+                "distance": "113",
+                "status": "畅通",
+                "polyline": "117.245128,31.789031;117.245911,31.789042;117.246093,31.789047;117.246324,31.789053"
+              },
+              {
+                "lcode": [],
+                "distance": "539",
+                "status": "畅通",
+                "polyline": "117.246324,31.789053;117.248073,31.789122;117.248861,31.789176;117.250556,31.789315;117.251999,31.789455"
+              },
+              {
+                "lcode": [],
+                "distance": "29",
+                "status": "畅通",
+                "polyline": "117.251999,31.789455;117.25231,31.789492"
+              },
+              {
+                "lcode": [],
+                "distance": "304",
+                "status": "畅通",
+                "polyline": "117.25231,31.789492;117.25399,31.789718;117.255476,31.789948"
+              },
+              {
+                "lcode": [],
+                "distance": "690",
+                "status": "畅通",
+                "polyline": "117.255476,31.789948;117.256725,31.790163;117.25863,31.790544;117.260674,31.79101;117.262535,31.791504"
+              },
+              {
+                "lcode": [],
+                "distance": "74",
+                "status": "畅通",
+                "polyline": "117.262535,31.791504;117.263275,31.791719"
+              },
+              {
+                "lcode": [],
+                "distance": "59",
+                "status": "畅通",
+                "polyline": "117.263275,31.791719;117.263881,31.791874"
+              },
+              {
+                "lcode": [],
+                "distance": "343",
+                "status": "畅通",
+                "polyline": "117.263881,31.791874;117.2654,31.79225;117.267368,31.792722"
+              },
+              {
+                "lcode": [],
+                "distance": "148",
+                "status": "畅通",
+                "polyline": "117.267368,31.792722;117.268066,31.792899;117.26887,31.793108"
+              },
+              {
+                "lcode": [],
+                "distance": "426",
+                "status": "畅通",
+                "polyline": "117.26887,31.793108;117.269729,31.793306;117.271478,31.793676;117.273237,31.794031"
+              },
+              {
+                "lcode": [],
+                "distance": "1159",
+                "status": "畅通",
+                "polyline": "117.273237,31.794031;117.274369,31.79424;117.275501,31.794433;117.275785,31.794481;117.276928,31.794648;117.277652,31.794782;117.27843,31.794878;117.279181,31.794953;117.280855,31.795055;117.285366,31.79544"
+              }
+            ],
+            "cities": [
+              {
+                "name": "合肥市",
+                "citycode": "0551",
+                "adcode": "340100",
+                "districts": [
+                  { "name": "蜀山区", "adcode": "340104" },
+                  { "name": "包河区", "adcode": "340111" }
+                ]
+              }
+            ]
+          }
+        ],
+        "restriction": "0",
+        "traffic_lights": "1"
+      }
+    ]
+  }
+}