Move from legacy Carto to Supabase retaining current functionality

Author: akittredge

package-lock.json

@@ -11,7 +11,7 @@
     "lint:fix": "eslint --fix './src/**/*.{js,ts,svelte}'"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.30",
+    "@sveltejs/vite-plugin-svelte": "^2.4.6",
     "@tsconfig/svelte": "^2.0.1",
     "autoprefixer": "^10.4.7",
     "eslint": "^8.20.0",
@@ -22,13 +22,13 @@
     "postcss": "^8.4.14",
     "postcss-load-config": "^4.0.1",
     "simple-svelte-autocomplete": "^2.4.0",
-    "svelte": "^3.44.0",
-    "svelte-check": "^2.2.7",
-    "svelte-preprocess": "^4.10.7",
+    "svelte": "^3.55.0",
+    "svelte-check": "^3.4.6",
+    "svelte-preprocess": "^5.0.3",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
     "tslib": "^2.3.1",
     "typescript": "^4.5.4",
-    "vite": "^2.9.9"
+    "vite": "^4.4.9"
   },
   "dependencies": {
     "@mapbox/polylabel": "^1.0.2",
@@ -39,5 +39,11 @@
     "@types/polylabel": "^1.0.5",
     "mapbox-gl": "^2.8.2",
     "svelte-use-click-outside": "^1.0.0"
+  },
+  "exports": {
+    ".": {
+      "svelte": "./src/index.js",
+      "default": "./src/index.js"
+    }
   }
 }

package.json

@@ -40,6 +40,9 @@ export interface ILayer {
   /** SQL query to fetch data from Carto */
   sql: string;
 
+  /** SQL query to fetch data from Supabase */
+  apiUrl: string;
+
   /** Icon to display */
   icon: string;
 
@@ -63,6 +66,7 @@ export const layers: ILayers = {
     description_url: 'https://communityprofiles.planning.nyc.gov/',
     // Remove parks
     sql: `SELECT * FROM all_bounds WHERE id = 'cd' AND NOT namecol IN ('164','226','227','228','355','356','480','481','482','483','484','595')`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.cd&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0&namecol=not.in.(164,226,227,228,355,356,480,481,482,483,484,595)',
     icon: '💬',
     formatUrl: name => get_cd_url(name[0], name.substring(1, 3)),
     formatContent: name => format_cd(name[0], name.substring(1, 3))
@@ -74,6 +78,7 @@ export const layers: ILayers = {
       'A police precinct is a geographical area patrolled by the NYPD. The term "precinct" may also refer to the main police station for such a geographical area.',
     description_url: 'https://www1.nyc.gov/site/nypd/index.page',
     sql: `SELECT * FROM all_bounds WHERE id = 'pp'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.pp&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🚔',
     formatUrl: precinct => get_pp_url(parseInt(precinct)),
     formatContent: name => format_default(name)
@@ -85,6 +90,7 @@ export const layers: ILayers = {
       'For operations management, the Department of Sanitation (DSNY) divides the city into 59 Sanitation Districts. The boundary for each district is congruent with the Community District boundary.',
     description_url: 'https://www1.nyc.gov/assets/dsny/site/home',
     sql: `SELECT * FROM all_bounds WHERE id = 'dsny'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.dsny&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🗑',
     formatContent: name => format_default(name)
   },
@@ -94,6 +100,7 @@ export const layers: ILayers = {
     description:
       'A Fire Battalion consists of several fire stations and multiple fire companies, and is led by a Battalion Chief.',
     sql: `SELECT * FROM all_bounds WHERE id = 'fb'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.fb&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🔥',
     formatContent: name => format_default(name)
   },
@@ -104,6 +111,7 @@ export const layers: ILayers = {
       'A School District is a geographical area with multiple schools.',
     description_url: 'https://www.schools.nyc.gov/',
     sql: `SELECT * FROM all_bounds WHERE id = 'sd'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.sd&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🎓',
     formatContent: name => format_default(name)
   },
@@ -113,6 +121,7 @@ export const layers: ILayers = {
     description:
       'Health Center Districts are aggregates of health areas and are used for reporting health statistics. They were created by the NYC Department of Health and Mental Hygiene (DOHMH).',
     sql: `SELECT * FROM all_bounds WHERE id = 'hc'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.hc&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🩺',
     formatContent: name => format_default(name)
   },
@@ -123,6 +132,7 @@ export const layers: ILayers = {
       'The New York City Council is the lawmaking body of New York City. It has 51 members from 51 council districts throughout the five boroughs. The district lines have been updated in 2024.',
     description_url: 'https://council.nyc.gov/',
     sql: `SELECT * FROM all_bounds WHERE id = 'cc_upcoming'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.cc_upcoming&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🍎',
     formatUrl: name => `https://council.nyc.gov/district-${name}`,
     formatContent: name => format_default(name)
@@ -134,6 +144,7 @@ export const layers: ILayers = {
       'Congressional Districts are the 435 regions from which voting representatives are elected to the U.S. House of Representatives.',
     description_url: 'https://www.house.gov/',
     sql: `SELECT * FROM all_bounds WHERE id = 'nycongress'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.nycongress&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🇺🇸',
     formatUrl: name => `https://www.govtrack.us/congress/members/NY/${name}`,
     formatContent: name => format_default(name)
@@ -145,6 +156,7 @@ export const layers: ILayers = {
       'The New York State Assembly is the lower house of the New York State Legislature, with the New York State Senate being the upper house. There are 150 seats in the Assembly.',
     description_url: 'https://nyassembly.gov/',
     sql: `SELECT * FROM all_bounds WHERE id = 'sa'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.sa&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🧑‍⚖️',
     formatUrl: name =>
       `https://ballotpedia.org/New_York_State_Assembly_District_${name}`,
@@ -157,6 +169,7 @@ export const layers: ILayers = {
       'The New York State Senate is the upper house of the New York State Legislature; the New York State Assembly is its lower house. Its members are elected to two-year terms; there are no term limits. There are 63 seats in the Senate.',
     description_url: 'https://www.nysenate.gov/',
     sql: `SELECT * FROM all_bounds WHERE id = 'ss'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.ss&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '⚖️',
     formatUrl: name => `https://www.nysenate.gov/district/${name}`,
     formatContent: name => format_default(name)
@@ -167,6 +180,7 @@ export const layers: ILayers = {
     description:
       'Neighborhood Tabulation Areas are aggregations of census tracts, adapted as a method of presenting the U.S. Census Bureau’s American Community Survey (ACS).',
     sql: `SELECT * FROM all_bounds WHERE namecol NOT IN ('park-cemetery-etc-Brooklyn','park-cemetery-etc-Queens', 'park-cemetery-etc-Bronx', 'park-cemetery-etc-Manhattan', 'park-cemetery-etc-Staten Island', 'Airport') and id = 'nta'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.nta&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0&namecol=not.in.(park-cemetery-etc-Brooklyn,park-cemetery-etc-Queens, park-cemetery-etc-Bronx, park-cemetery-etc-Manhattan, park-cemetery-etc-Staten Island, Airport)',   
     icon: '🏘',
     formatContent: name => format_default(name)
   },
@@ -175,6 +189,7 @@ export const layers: ILayers = {
     name: 'Historic District',
     name_plural: 'Historic Districts',
     sql: `SELECT * FROM all_bounds WHERE id = 'hd'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.hd&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🗝',
     formatContent: name => format_default(name)
   },
@@ -185,6 +200,7 @@ export const layers: ILayers = {
       'A Business Improvement District (BID) is a geographical area where local stakeholders oversee and fund the maintenance, improvement, and promotion of their commercial district, going above and beyond those typically provided by the city.',
     description_url: 'https://www1.nyc.gov/site/sbs/neighborhoods/bids.page',
     sql: `SELECT * FROM all_bounds WHERE id = 'bid'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.bid&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '💸',
     formatContent: name => format_bid(name)
   },
@@ -195,6 +211,7 @@ export const layers: ILayers = {
       'A Industrial Business Zone (IBZ) is a geographic area that serve as safe havens for manufacturing and industrial firms.',
     description_url: 'https://edc.nyc/industry/industrial-and-manufacturing',
     sql: `SELECT * FROM all_bounds WHERE id = 'ibz'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.ibz&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '🏭',
     formatContent: name => format_default(name)
   },
@@ -204,6 +221,7 @@ export const layers: ILayers = {
     description:
       'A ZIP Code is a postal code used by the United States Postal Service (USPS).',
     sql: `SELECT * FROM all_bounds WHERE id = 'zipcode'`,
+    apiUrl: 'https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/all_bounds?id=eq.zipcode&apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0',
     icon: '📫',
     formatContent: name => format_default(name)
   }

src/assets/boundaries/index.ts

@@ -88,8 +88,13 @@
 
     // Load source if not already loaded
     if ($mapStore && !$mapStore.getSource(boundaryId)) {
-      const url = `https://betanyc.carto.com/api/v2/sql/?q=${layers[boundaryId].sql}&api_key=2J6__p_IWwUmOHYMKuMYjw&format=geojson`;
-      const data = await fetch(url).then(res => res.json());
+      const url = layers[boundaryId].apiUrl;
+      const options = {     
+        headers: {
+          'Accept': 'application/geo+json'
+        }
+      };
+      const data = await fetch(url, options).then(res => res.json());
 
       $mapStore
         .addSource(boundaryId, {

src/components/Map.svelte

@@ -11,8 +11,14 @@
   async function queryAllDistrictsForCoordinates(lng: number, lat: number) {
     districtsIntersectingAddress = [];
     isLoading = true;
-    const intersectsUrl = `https://betanyc.carto.com/api/v2/sql/?q=SELECT * FROM all_bounds WHERE ST_Intersects(ST_SetSRID(ST_MakePoint(${lng}, ${lat}), 4326),the_geom)&api_key=2J6__p_IWwUmOHYMKuMYjw&format=geojson`;
-    await fetch(intersectsUrl)
+    //const intersectsUrl = `https://betanyc.carto.com/api/v2/sql/?q=SELECT * FROM all_bounds WHERE ST_Intersects(ST_SetSRID(ST_MakePoint(${lng}, ${lat}), 4326),the_geom)&api_key=2J6__p_IWwUmOHYMKuMYjw&format=geojson`;
+    const intersectsUrl = `https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/rpc/address_details?apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0&p_lng=${lng}&p_lat=${lat}`;
+    const options = {
+      headers: {
+        'Accept': 'application/geo+json'
+      }
+    };
+    await fetch(intersectsUrl, options)
       .then(res => res.json())
       .then(({ features }) => {
         isLoading = false;

src/components/Sidebar/AddressDetails.svelte

@@ -53,8 +53,13 @@
 
   async function queryAllDistrictsForMap(boundaryId: string) {
     isLoading = true;
-    const url = `https://betanyc.carto.com/api/v2/sql/?q=${layers[boundaryId].sql}&api_key=2J6__p_IWwUmOHYMKuMYjw&format=geojson`;
-    await fetch(url)
+    const url = layers[boundaryId].apiUrl;
+    const options = {
+      headers: {
+        'Accept': 'application/geo+json'
+      }
+    };
+    await fetch(url, options)
       .then(res => res.json())
       .then(({ features }) => {
         isLoading = false;

src/components/Sidebar/BoundaryDetails.svelte

@@ -19,8 +19,14 @@
   async function queryAllDistrictsForCoordinates(lngLat: LngLat) {
     districtsIntersectingAddress = [];
     isLoading = true;
-    const intersectsUrl = `https://betanyc.carto.com/api/v2/sql/?q=SELECT * FROM all_bounds WHERE ST_Intersects(ST_SetSRID(ST_MakePoint(${lngLat.lng}, ${lngLat.lat}), 4326),the_geom)&api_key=2J6__p_IWwUmOHYMKuMYjw&format=geojson`;
-    await fetch(intersectsUrl)
+    //const intersectsUrl = `https://betanyc.carto.com/api/v2/sql/?q=SELECT * FROM all_bounds WHERE ST_Intersects(ST_SetSRID(ST_MakePoint(${lngLat.lng}, ${lngLat.lat}), 4326),the_geom)&api_key=2J6__p_IWwUmOHYMKuMYjw&format=geojson`;
+    const intersectsUrl = `https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/rpc/address_details?apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0&p_lng=${lngLat.lng}&p_lat=${lngLat.lat}`;
+    const options = {
+      headers: {
+        'Accept': 'application/geo+json'
+      }
+    };
+    await fetch(intersectsUrl, options)
       .then(res => res.json())
       .then(({ features }) => {
         isLoading = false;

src/components/Sidebar/CoordinateDetails.svelte

@@ -32,8 +32,14 @@
     boundId: string,
     featureId: string
   ) {
-    const intersectsUrl = `https://betanyc.carto.com/api/v2/sql/?q= WITH al as (SELECT ST_MakeValid(the_geom) as the_geom, id, namecol, namealt FROM all_bounds), se as (SELECT the_geom FROM al WHERE id = '${boundId}' AND namecol = '${featureId}'), inter as (SELECT DISTINCT al.id, al.namecol, al.namealt, ST_Area(se.the_geom) as area, ST_Area(ST_Intersection(al.the_geom, se.the_geom)) as searea, al.the_geom FROM al, se WHERE ST_Intersects(al.the_geom, se.the_geom)) SELECT * FROM inter WHERE searea / area > .005 &api_key=2J6__p_IWwUmOHYMKuMYjw&format=geojson`;
-    return await fetch(intersectsUrl)
+    //const intersectsUrl = `https://betanyc.carto.com/api/v2/sql/?q= WITH al as (SELECT ST_MakeValid(the_geom) as the_geom, id, namecol, namealt FROM all_bounds), se as (SELECT the_geom FROM al WHERE id = '${boundId}' AND namecol = '${featureId}'), inter as (SELECT DISTINCT al.id, al.namecol, al.namealt, ST_Area(se.the_geom) as area, ST_Area(ST_Intersection(al.the_geom, se.the_geom)) as searea, al.the_geom FROM al, se WHERE ST_Intersects(al.the_geom, se.the_geom)) SELECT * FROM inter WHERE searea / area > .005 &api_key=2J6__p_IWwUmOHYMKuMYjw&format=geojson`;
+    const intersectsUrl = `https://yhatmsxmjxmpgnnzdrzy.supabase.co/rest/v1/rpc/district_details?apikey=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InloYXRtc3htanhtcGdubnpkcnp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDM2OTA4OTQsImV4cCI6MjA1OTI2Njg5NH0.03AZcgwuHf2fAzIuCq8-O8UcSGVGfmvNdMYT6FH08b0&boundid=${boundId}&featureid=${featureId}`;
+    const options = {
+      headers: {
+        'Accept': 'application/geo+json'
+      }
+    };
+    return await fetch(intersectsUrl, options)
       .then(res => res.json())
       .then(({ features }) => {
         return sortedDistricts(features);