Merge pull request #74 from UNopenGIS/tweak-storybook-001

fix style of map
UNopenGIS · Jun 29, 2024 · 45947a9 · 45947a9
2 parents 0ff149a + 4bb4e60
commit 45947a9
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 52 deletions.
diff --git 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
@@ -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
@@ -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"
+    />
   );
-};
+};