From 4bb4e6008a2410016b980083e4f716d263cb5cfa Mon Sep 17 00:00:00 2001
From: yuiseki <yuiseki@gmail.com>
Date: Sat, 29 Jun 2024 13:39:48 +0900
Subject: [PATCH] fix style of map

---
 .../OpenStreetMapJpOSMBrightVector/index.tsx  | 29 +++++++----------
 .../OpenStreetMapOrgRaster/index.tsx          | 29 +++++++----------
 src/components/UNClearMapRaster/index.tsx     | 31 ++++++++-----------
 3 files changed, 37 insertions(+), 52 deletions(-)

diff --git a/src/components/OpenStreetMap/OpenStreetMapJpOSMBrightVector/index.tsx b/src/components/OpenStreetMap/OpenStreetMapJpOSMBrightVector/index.tsx
index 558fd14..30eaf1d 100644
--- a/src/components/OpenStreetMap/OpenStreetMapJpOSMBrightVector/index.tsx
+++ b/src/components/OpenStreetMap/OpenStreetMapJpOSMBrightVector/index.tsx
@@ -3,22 +3,17 @@ import "maplibre-gl/dist/maplibre-gl.css";
 
 export const OpenStreetMapJpOSMBrightVector = () => {
   return (
-    <div>
-      <h2>
-        https://tile.openstreetmap.jp/styles/osm-bright/style.json
-      </h2>
-      <Map
-        initialViewState={{
-          longitude: 0,
-          latitude: 0,
-          zoom: 4,
-        }}
-        dragPan={false}
-        scrollZoom={false}
-        hash={false}
-        style={{ width: "100%", height: "400px" }}
-        mapStyle="https://tile.openstreetmap.jp/styles/osm-bright/style.json"
-      />
-    </div>
+    <Map
+      initialViewState={{
+        longitude: 0,
+        latitude: 0,
+        zoom: 4,
+      }}
+      dragPan={false}
+      scrollZoom={false}
+      hash={false}
+      style={{ width: "100%", height: "100%" }}
+      mapStyle="https://tile.openstreetmap.jp/styles/osm-bright/style.json"
+    />
   );
 };
diff --git a/src/components/OpenStreetMap/OpenStreetMapOrgRaster/index.tsx b/src/components/OpenStreetMap/OpenStreetMapOrgRaster/index.tsx
index 6c4c795..f5b2915 100644
--- a/src/components/OpenStreetMap/OpenStreetMapOrgRaster/index.tsx
+++ b/src/components/OpenStreetMap/OpenStreetMapOrgRaster/index.tsx
@@ -3,22 +3,17 @@ import "maplibre-gl/dist/maplibre-gl.css";
 
 export const OpenStreetMapOrgRaster = () => {
   return (
-    <div>
-      <h2>
-        https://unopengis.github.io/foil4g/stylejson/tile.openstreetmap.org/style.json
-      </h2>
-      <Map
-        initialViewState={{
-          longitude: 0,
-          latitude: 0,
-          zoom: 4,
-        }}
-        dragPan={false}
-        scrollZoom={false}
-        hash={false}
-        style={{ width: "100%", height: "400px" }}
-        mapStyle="stylejson/tile.openstreetmap.org/style.json"
-      />
-    </div>
+    <Map
+      initialViewState={{
+        longitude: 0,
+        latitude: 0,
+        zoom: 4,
+      }}
+      dragPan={false}
+      scrollZoom={false}
+      hash={false}
+      style={{ width: "100%", height: "100%" }}
+      mapStyle="stylejson/tile.openstreetmap.org/style.json"
+    />
   );
 };
diff --git a/src/components/UNClearMapRaster/index.tsx b/src/components/UNClearMapRaster/index.tsx
index e183005..ad30ba3 100644
--- a/src/components/UNClearMapRaster/index.tsx
+++ b/src/components/UNClearMapRaster/index.tsx
@@ -3,22 +3,17 @@ import "maplibre-gl/dist/maplibre-gl.css";
 
 export const UNClearMapRaster = () => {
   return (
-    <div>
-      <h2>
-        https://unopengis.github.io/foil4g/stylejson/geoservices.un.org/clearmap/style.json
-      </h2>
-      <Map
-        initialViewState={{
-          longitude: 0,
-          latitude: 0,
-          zoom: 4,
-        }}
-        dragPan={false}
-        scrollZoom={false}
-        hash={false}
-        style={{ width: "100%", height: "400px" }}
-        mapStyle="stylejson/geoservices.un.org/clearmap/style.json"
-      />
-    </div>
+    <Map
+      initialViewState={{
+        longitude: 0,
+        latitude: 0,
+        zoom: 4,
+      }}
+      dragPan={false}
+      scrollZoom={false}
+      hash={false}
+      style={{ width: "100%", height: "100%" }}
+      mapStyle="stylejson/geoservices.un.org/clearmap/style.json"
+    />
   );
-};
\ No newline at end of file
+};