All files / app/features/search communities.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { AnyLayer, AnySourceData, Map as MaplibreMap } from "maplibre-gl";
 
const URL = process.env.NEXT_PUBLIC_API_BASE_URL;
 
export const sources: Record<string, AnySourceData> = {
  communities: {
    data: URL + "/geojson/communities",
    type: "geojson",
  },
};
 
export const layers: Record<string, AnyLayer> = {
  communitiesLayer: {
    id: "communities-layer",
    paint: {
      "fill-color": "#cebf8e",
      "fill-opacity": 0.2,
    },
    source: "communities",
    type: "fill",
  },
};
 
export const addCommunitiesToMap = (map: MaplibreMap) => {
  map.addSource("communities", sources["communities"]);
  map.addLayer(layers["communitiesLayer"]);
};
 
export default addCommunitiesToMap;