diff --git a/src/Map/MapComponent.jsx b/src/Map/MapComponent.jsx
index 69a1f1e..135f6a7 100644
--- a/src/Map/MapComponent.jsx
+++ b/src/Map/MapComponent.jsx
@@ -5,7 +5,6 @@ import { Sidebar } from "../modules/Sidebar/Sidebar";
import { Layers } from "./Layers";
import { MapPopup } from "./Popup";
import { Basemap } from "./Basemap";
-import { Legend } from "../modules/Sidebar/Legend";
import { SignOut } from "../SignOut";
import debounce from "lodash.debounce";
@@ -87,7 +86,7 @@ export const MapComponent = () => {
}}
dragRotate={false}
ref={mapRef}
- interactiveLayerIds={["point3", "point4", "point5"]}
+ interactiveLayerIds={["points"]}
onClick={handleClick}
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
@@ -109,7 +108,7 @@ export const MapComponent = () => {
-
+ {/**/}
diff --git a/src/Map/Points.jsx b/src/Map/Points.jsx
index 0a52b67..35dd922 100644
--- a/src/Map/Points.jsx
+++ b/src/Map/Points.jsx
@@ -1,11 +1,9 @@
import { Layer, Source } from "react-map-gl";
import { pointLayer } from "./layers-config";
import { useLayersVisibility } from "../stores/useLayersVisibility";
-import { useActiveTypes } from "../stores/useActiveTypes";
-import { useGridSize } from "../stores/useGridSize";
-import { useMemo } from "react";
import { useRateExpression } from "./useRateExpression";
import { useModel } from "../stores/useModel";
+import { BASE_URL } from "../api";
const usePointSizeScale = () => {
const rate = useRateExpression();
@@ -37,35 +35,35 @@ const usePointSizeScale = () => {
};
export const Points = ({ rate: rateRange }) => {
- const { gridSize } = useGridSize();
+ // const { gridSize } = useGridSize();
const { isVisible } = useLayersVisibility();
- const { activeTypes } = useActiveTypes();
-
- const rate = useRateExpression();
- const sizeScale = usePointSizeScale();
-
- const filter = useMemo(() => {
- let result = [
- "all",
- [">=", rate, rateRange[0]],
- ["<=", rate, rateRange[1]],
- ];
-
- if (activeTypes.length) {
- result = [
- "all",
- ["in", ["get", "category"], ["literal", activeTypes]],
- [">=", rate, rateRange[0]],
- ["<=", rate, rateRange[1]],
- ];
- }
-
- return result;
- }, [rate, rateRange, activeTypes]);
+ // const { activeTypes } = useActiveTypes();
+ //
+ // const rate = useRateExpression();
+ // const sizeScale = usePointSizeScale();
+ //
+ // const filter = useMemo(() => {
+ // let result = [
+ // "all",
+ // [">=", rate, rateRange[0]],
+ // ["<=", rate, rateRange[1]],
+ // ];
+ //
+ // if (activeTypes.length) {
+ // result = [
+ // "all",
+ // ["in", ["get", "category"], ["literal", activeTypes]],
+ // [">=", rate, rateRange[0]],
+ // ["<=", rate, rateRange[1]],
+ // ];
+ // }
+ //
+ // return result;
+ // }, [rate, rateRange, activeTypes]);
const paintConfig = {
...pointLayer.paint,
- "circle-radius": sizeScale,
+ // "circle-radius": sizeScale,
};
return (
@@ -74,62 +72,19 @@ export const Points = ({ rate: rateRange }) => {
id="point3"
type="vector"
tiles={[
- "https://postamates.spatiality.website/martin/public.point3/{z}/{x}/{y}.pbf",
- ]}
- >
-
-
-
-
-
-
diff --git a/src/Map/Popup.jsx b/src/Map/Popup.jsx
index 6563dff..7e7786e 100644
--- a/src/Map/Popup.jsx
+++ b/src/Map/Popup.jsx
@@ -59,6 +59,7 @@ const gridConfig = [
];
export const MapPopup = ({ feature, lat, lng, onClose }) => {
+ console.log(feature);
const isPoint = feature.geometry.type === "Point";
const config = isPoint ? pointConfig : gridConfig;
const layout = isPoint
@@ -75,25 +76,13 @@ export const MapPopup = ({ feature, lat, lng, onClose }) => {
closeOnClick={false}
>
- {config.map((item) => {
- const value = item.field ? feature.properties[item.field] : rate;
-
+ {Object.entries(feature.properties).map(([key, value]) => {
return (
-
- {item.field === "name" ? (
-
- {value}
-
- ) : (
- <>
-
- {item.name}
-
-
- {item.formatter ? item.formatter(value) : value}
-
- >
- )}
+
+
+ {key}
+
+ {value}
);
})}
diff --git a/src/Map/layers-config.js b/src/Map/layers-config.js
index 44805a0..4733760 100644
--- a/src/Map/layers-config.js
+++ b/src/Map/layers-config.js
@@ -16,21 +16,22 @@ export const pointLayer = {
type: "circle",
layout: {},
paint: {
- "circle-color": [
- "match",
- ["get", "category"],
- "kiosk",
- pointColors.kiosk,
- "mfc",
- pointColors.mfc,
- "library",
- pointColors.library,
- "dk",
- pointColors.dk,
- "sport",
- pointColors.sport,
- "black",
- ],
+ // "circle-color": [
+ // "match",
+ // ["get", "category"],
+ // "kiosk",
+ // pointColors.kiosk,
+ // "mfc",
+ // pointColors.mfc,
+ // "library",
+ // pointColors.library,
+ // "dk",
+ // pointColors.dk,
+ // "sport",
+ // pointColors.sport,
+ // "black",
+ // ],
+ "circle-color": "#a51eda",
"circle-radius": 4,
"circle-stroke-width": 0.4,
"circle-stroke-color": "#fff",
diff --git a/src/modules/Sidebar/Sidebar.jsx b/src/modules/Sidebar/Sidebar.jsx
index 9e14c9d..bf12683 100644
--- a/src/modules/Sidebar/Sidebar.jsx
+++ b/src/modules/Sidebar/Sidebar.jsx
@@ -94,7 +94,7 @@ export const Sidebar = () => {
};
return (
-
+
@@ -107,9 +107,13 @@ export const Sidebar = () => {
className={"mt-2"}
onClick={handleExport}
loading={isExporting}
+ disabled={true}
>
Экспорт данных
+