TRUNK
/
postnet-front
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix issue with grid layer

Browse Source
dev
Platon Yasev 4 years ago
parent 93c3e06c52
commit 9f74564319
3 changed files with 57 additions and 19 deletions
Show Stats Download Patch File Download Diff File

2
index.html
Unescape View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title> <title>Постаматы by SpatialTeam</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

71
src/Map/Grid.jsx
Unescape View File

@ -10,20 +10,61 @@ export const Grid = () => {
} = useLayersVisibility(); } = useLayersVisibility();
return ( return (
<Source <>
id="grid" <Source
type="vector" id="grid3"
tiles={[ type="vector"
`http://postamates.spatiality.website/martin/public.${gridSize}/{z}/{x}/{y}.pbf`, tiles={[
]} `https://postamates.spatiality.website/martin/public.net3/{z}/{x}/{y}.pbf`,
> ]}
<Layer >
{...gridLayer} <Layer
layout={{ {...gridLayer}
...gridLayer.layout, id={"grid3"}
visibility: grid ? "visible" : "none", source={"grid3"}
}} source-layer={"public.net3"}
/> layout={{
</Source> ...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>
</>
); );
}; };

3
src/Map/layers-config.js
Unescape View File

@ -13,10 +13,7 @@ export const pointLayer = {
}; };
export const gridLayer = { export const gridLayer = {
id: "grid",
type: "fill", type: "fill",
source: "grid",
"source-layer": "public.service_polygon",
layout: {}, layout: {},
paint: { paint: {
"fill-color": "#26a2a2", "fill-color": "#26a2a2",

Write Preview
Loading…
Cancel
Save