Fix issue with grid layer

3 years ago · 9f74564319
parent 93c3e06c52
commit 9f74564319
3 changed files with 57 additions and 19 deletions
--- a/index.html
+++ b/index.html
@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>Постаматы by SpatialTeam</title>
  </head>
  <body>
    <div id="root"></div>
--- a/src/Map/Grid.jsx
+++ b/src/Map/Grid.jsx
@ -10,20 +10,61 @@ export const Grid = () => {
  } = useLayersVisibility();

  return (
-    <Source
-      id="grid"
-      type="vector"
-      tiles={[
-        `http://postamates.spatiality.website/martin/public.${gridSize}/{z}/{x}/{y}.pbf`,
-      ]}
-    >
-      <Layer
-        {...gridLayer}
-        layout={{
-          ...gridLayer.layout,
-          visibility: grid ? "visible" : "none",
-        }}
-      />
-    </Source>
+    <>
+      <Source
+        id="grid3"
+        type="vector"
+        tiles={[
+          `https://postamates.spatiality.website/martin/public.net3/{z}/{x}/{y}.pbf`,
+        ]}
+      >
+        <Layer
+          {...gridLayer}
+          id={"grid3"}
+          source={"grid3"}
+          source-layer={"public.net3"}
+          layout={{
+            ...gridLayer.layout,
+            visibility: grid && gridSize === "net3" ? "visible" : "none",
+          }}
+        />
+      </Source>
+      <Source
+        id="grid4"
+        type="vector"
+        tiles={[
+          `https://postamates.spatiality.website/martin/public.net4/{z}/{x}/{y}.pbf`,
+        ]}
+      >
+        <Layer
+          {...gridLayer}
+          id={"grid4"}
+          source={"grid4"}
+          source-layer={"public.net4"}
+          layout={{
+            ...gridLayer.layout,
+            visibility: grid && gridSize === "net4" ? "visible" : "none",
+          }}
+        />
+      </Source>
+      <Source
+        id="grid5"
+        type="vector"
+        tiles={[
+          `https://postamates.spatiality.website/martin/public.net5/{z}/{x}/{y}.pbf`,
+        ]}
+      >
+        <Layer
+          {...gridLayer}
+          id={"grid5"}
+          source={"grid5"}
+          source-layer={"public.net5"}
+          layout={{
+            ...gridLayer.layout,
+            visibility: grid && gridSize === "net5" ? "visible" : "none",
+          }}
+        />
+      </Source>
+    </>
  );
 };
--- a/src/Map/layers-config.js
+++ b/src/Map/layers-config.js
@ -13,10 +13,7 @@ export const pointLayer = {
 };

 export const gridLayer = {
-  id: "grid",
  type: "fill",
-  source: "grid",
-  "source-layer": "public.service_polygon",
  layout: {},
  paint: {
    "fill-color": "#26a2a2",