diff --git a/pbf/app/components/map/map.jsx b/pbf/app/components/map/map.jsx
new file mode 100644
index 0000000..eb2aa6b
--- /dev/null
+++ b/pbf/app/components/map/map.jsx
@@ -0,0 +1,9 @@
+import React from 'react';
+const Map = () => {
+    return (
+	<>
+	    <h2>Map</h2>
+	</>
+    );
+}
+export default Map
diff --git a/pbf/app/pages/home.jsx b/pbf/app/pages/home.jsx
index c0910cd..33b4b63 100644
--- a/pbf/app/pages/home.jsx
+++ b/pbf/app/pages/home.jsx
@@ -3,6 +3,7 @@ import axios from 'axios';
 import Pbf from 'pbf';
 import Hello from '../components/hello';
 import { FeedMessage } from '../../proto2js/js/gtfs-rt.js';
+import Map from '../components/map/map';
 import '../style.css';
 const Home = () => {
     /*storage*/
@@ -98,6 +99,7 @@ const Home = () => {
 	    <p>
 		vehicle position count: {vehPos.length}
 	    </p>
+	    <Map />
 	</>
     );
 }