diff --git a/src/app/map/page.tsx b/src/app/map/page.tsx
index f2b564c..ace4e56 100644
--- a/src/app/map/page.tsx
+++ b/src/app/map/page.tsx
@@ -3,12 +3,13 @@ import React from 'react'
 
 // scss import
 import styles from './Map.module.scss'
-import SubPageHero from '@/components/templates/SubPageHero'
-import MainLayout from '@/components/templates/MainLayout'
-
 
 // components import
+import SubPageHero from '@/components/templates/SubPageHero'
+import MainLayout from '@/components/templates/MainLayout'
 
+// sample
+import Maps from '../../components/Map.jsx'
 
 
 const Map = () => {
@@ -24,8 +25,8 @@ const Map = () => {
                     subTitle='このサービスのメインとも言えるマップ機能。このページでは皆さんが作り上げていくマップについてより詳しくご覧いただけます。'
                     pageName='MAP'
                 >
-                    <h1>this space is map children space</h1>
                 </SubPageHero>
+                <Maps />
             </MainLayout>
 
         </div>
diff --git a/src/components/Map.jsx b/src/components/Map.jsx
index d3888ea..f7d658b 100644
--- a/src/components/Map.jsx
+++ b/src/components/Map.jsx
@@ -14,7 +14,7 @@ const center = {
 
 const zoom = 18;
 
-const Map = () => {
+const Maps = () => {
   return (
     <LoadScript googleMapsApiKey={process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY}>
       <GoogleMap
@@ -26,4 +26,4 @@ const Map = () => {
   );
 };
 
-export default Map;
+export default Maps;