diff --git a/src/mock/path.ts b/src/mock/path.ts
new file mode 100644
index 0000000..b0fc032
--- /dev/null
+++ b/src/mock/path.ts
@@ -0,0 +1,359 @@
+
+export default [{
+    id:'1',
+    name:"path1",
+    from:"南大门西区",
+    to:"北大门东区",
+    keyFrames:[{
+        index:0,
+        time:1,
+        location:[
+            11660670.518652,
+            3692632.855903,
+            4.504272,
+        ],
+        rotation:[
+            9.212265,
+            85.1996,
+            0
+        ]
+    },{
+        index:1,
+        time:3,
+        location:[
+            11660674.328477,
+            3692587.477285,
+            4.504672,
+        ],
+        rotation:[
+            9.212265,
+            85.1996,
+            0
+        ]
+    },{
+        index:2,
+        time:5,
+        location:[
+            11660725.277656,
+            3692580.909819,
+            6.122797,
+        ],
+        rotation:[
+            -22.317095,
+            -3.568558,
+            0
+        ]
+    },{
+        index:3,
+        time:7,
+        location:[
+            11660734.213076,
+            3692547.098057,
+            5.908682,
+        ],
+        rotation:[
+            -17.956867,
+            79.712875,
+            0
+        ]
+    },{
+        index:4,
+        time:9,
+        location:[
+            11660776.010107,
+            3692541.431582,
+            6.293452,
+        ],
+        rotation:[
+            -20.28105,
+            3.962223,
+            0
+        ]
+    },{
+        index:5,
+        time:11,
+        location:[
+            11660805.903042,
+            3692461.372598,
+            5.804204,
+        ],
+        rotation:[
+            -10.623485,
+            67.636337,
+            0
+        ]
+    },{
+        index:6,
+        time:13,
+        location:[
+            11660899.714749,
+            3692445.007969,
+            5.92839,
+        ],
+        rotation:[
+            -13.034835,
+            4.850405,
+            0
+        ]
+    },{
+        index:7,
+        time:14,
+        location:[
+            11660907.407043,
+            3692430.222969,
+            8.493546,
+        ],
+        rotation:[
+            -12.607244,
+            82.858612,
+            0
+        ]
+    },{
+        index:8,
+        time:15,
+        location:[
+            11660908.523486,
+            3692427.503809,
+            8.679598,
+        ],
+        rotation:[
+            -16.231424,
+            164.095078,
+            0
+        ]
+    },{
+        index:9,
+        time:16,
+        location:[
+            11660905.773669,
+            3692428.441328,
+            11.116418,
+        ],
+        rotation:[
+            -16.260296,
+            -97.713768,
+            0
+        ]
+    },{
+        index:10,
+        time:17,
+        location:[
+            11660904.439976,
+            3692431.094219,
+            11.268408,
+        ],
+        rotation:[
+            -19.691488,
+            -12.839875,
+            0
+        ]
+    },{
+        index:11,
+        time:18,
+        location:[
+            11660907.31001,
+            3692430.00707,
+            13.427032,
+        ],
+        rotation:[
+            -15.080975,
+            71.427696,
+            -0.000001
+        ]
+    },{
+        index:12,
+        time:20,
+        location:[
+            11660905.748,
+            3692428.305098,
+            15.744407,
+        ],
+        rotation:[
+            -10.570038,
+            -104.275772,
+            0
+        ]
+    },{
+        index:13,
+        time:22,
+        location:[
+            11660907.424536,
+            3692429.949375,
+            18.341962,
+        ],
+        rotation:[
+            -13.682672,
+            77.469505,
+            0
+        ]
+    },{
+        index:14,
+        time:24,
+        location:[
+            11660905.437642,
+            3692428.630488,
+            21.090811,
+        ],
+        rotation:[
+            -21.361387,
+            -88.333046,
+            0.000002
+        ]
+    },{
+        index:15,
+        time:25,
+        location:[
+            11660906.794524,
+            3692431.313086,
+            20.926121,
+        ],
+        rotation:[
+            -19.128218,
+            -14.789486,
+            0
+        ]
+    },{
+        index:16,
+        time:26,
+        location:[
+            11660909.959971,
+            3692426.224121,
+            20.573704,
+        ],
+        rotation:[
+            -12.228661,
+            -36.375908,
+            0
+        ]
+    },{
+        index:17,
+        time:27,
+        location:[
+            11660919.348164,
+            3692433.139785,
+            20.685688,
+        ],
+        rotation:[
+            -12.228661,
+            -36.375908,
+            0
+        ]
+    },{
+        index:18,
+        time:28,
+        location:[
+            11660932.383853,
+            3692439.230898,
+            20.655989,
+        ],
+        rotation:[
+            -12.491698,
+            -19.279795,
+            0
+        ]
+    },{
+        index:19,
+        time:29,
+        location:[
+            11660943.738184,
+            3692444.954512,
+            20.889019,
+        ],
+        rotation:[
+            -17.018454,
+            -7.5978,
+            0
+        ]
+    },{
+        index:20,
+        time:30,
+        location:[
+            11660961.221875,
+            3692456.361621,
+            6.388878,
+        ],
+        rotation:[
+            -21.964167,
+            -3.619455,
+            0
+        ]
+    },{
+        index:21,
+        time:31,
+        location:[
+            11661030.616572,
+            3692494.257949,
+            5.806389,
+        ],
+        rotation:[
+            -10.529221,
+            -38.695396,
+            0
+        ]
+    },{
+        index:22,
+        time:33,
+        location:[
+            11661049.069902,
+            3692558.304922,
+            5.871467,
+        ],
+        rotation:[
+            -11.777343,
+            -62.154377,
+            0
+        ]
+    },{
+        index:23,
+        time:35,
+        location:[
+            11661058.122266,
+            3692600.524087,
+            5.993107,
+        ],
+        rotation:[
+            -14.126081,
+            -83.245064,
+            0
+        ]
+    },{
+        index:24,
+        time:37,
+        location:[
+            11661018.075127,
+            3692604.637139,
+            6.10626,
+        ],
+        rotation:[
+            -16.332443,
+            164.989334,
+            0
+        ]
+    },{
+        index:25,
+        time:39,
+        location:[
+            11660959.534922,
+            3692573.611064,
+            6.237592,
+        ],
+        rotation:[
+            -10.987985,
+            177.845734,
+            0
+        ]
+    },{
+        index:26,
+        time:41,
+        location:[
+            11660856.063798,
+            3692559.525986,
+            5.76212,
+        ],
+        rotation:[
+            -9.690583,
+            179.483215,
+            0
+        ]
+    }]
+}]
\ No newline at end of file
diff --git a/src/views/overview.component.html b/src/views/overview.component.html
index 51b4aca..1642a95 100644
--- a/src/views/overview.component.html
+++ b/src/views/overview.component.html
@@ -1,6 +1,6 @@
 <div class="overview-container">
 
-<!-- <MapComponent id="map" @onLoaded="getMap" @onHandleChange="handleChange"></MapComponent>-->
+<MapComponent id="map" @onLoaded="getMap" @onHandleChange="handleChange"></MapComponent>
 
     <div class="bg-box left animate__animated">
         <div class="panel-container">