@performant-software/geospatial 3.1.13-beta.8 → 3.1.13

package/dist/index.es87.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es87.js","sources":["../node_modules/underscore/modules/isObject.js"],"sourcesContent":["// Is a given variable an object?\nexport default function isObject(obj) {\n  var type = typeof obj;\n  return type === 'function' || (type === 'object' && !!obj);\n}\n"],"names":["isObject","obj","type"],"mappings":"AACA,SAAwBA,EAASC,GAAK;AACpC,MAAIC,IAAO,OAAOD;AAClB,SAAOC,MAAS,cAAeA,MAAS,YAAY,CAAC,CAACD;AACxD;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es87.js","sources":["../node_modules/underscore/modules/restArguments.js"],"sourcesContent":["// Some functions take a variable number of arguments, or a few expected\n// arguments at the beginning and then a variable number of values to operate\n// on. This helper accumulates all remaining arguments past the function’s\n// argument length (or an explicit `startIndex`), into an array that becomes\n// the last argument. Similar to ES6’s \"rest parameter\".\nexport default function restArguments(func, startIndex) {\n  startIndex = startIndex == null ? func.length - 1 : +startIndex;\n  return function() {\n    var length = Math.max(arguments.length - startIndex, 0),\n        rest = Array(length),\n        index = 0;\n    for (; index < length; index++) {\n      rest[index] = arguments[index + startIndex];\n    }\n    switch (startIndex) {\n      case 0: return func.call(this, rest);\n      case 1: return func.call(this, arguments[0], rest);\n      case 2: return func.call(this, arguments[0], arguments[1], rest);\n    }\n    var args = Array(startIndex + 1);\n    for (index = 0; index < startIndex; index++) {\n      args[index] = arguments[index];\n    }\n    args[startIndex] = rest;\n    return func.apply(this, args);\n  };\n}\n"],"names":["restArguments","func","startIndex","length","rest","index","args"],"mappings":"AAKA,SAAwBA,EAAcC,GAAMC,GAAY;AACtD,SAAAA,IAAaA,KAAc,OAAOD,EAAK,SAAS,IAAI,CAACC,GAC9C,WAAW;AAIhB,aAHIC,IAAS,KAAK,IAAI,UAAU,SAASD,GAAY,CAAC,GAClDE,IAAO,MAAMD,CAAM,GACnBE,IAAQ,GACLA,IAAQF,GAAQE;AACrB,MAAAD,EAAKC,CAAK,IAAI,UAAUA,IAAQH,CAAU;AAE5C,YAAQA,GAAA;AAAA,MACN,KAAK;AAAG,eAAOD,EAAK,KAAK,MAAMG,CAAI;AAAA,MACnC,KAAK;AAAG,eAAOH,EAAK,KAAK,MAAM,UAAU,CAAC,GAAGG,CAAI;AAAA,MACjD,KAAK;AAAG,eAAOH,EAAK,KAAK,MAAM,UAAU,CAAC,GAAG,UAAU,CAAC,GAAGG,CAAI;AAAA,IAAA;AAEjE,QAAIE,IAAO,MAAMJ,IAAa,CAAC;AAC/B,SAAKG,IAAQ,GAAGA,IAAQH,GAAYG;AAClC,MAAAC,EAAKD,CAAK,IAAI,UAAUA,CAAK;AAE/B,WAAAC,EAAKJ,CAAU,IAAIE,GACZH,EAAK,MAAM,MAAMK,CAAI;AAAA,EAC9B;AACF;","x_google_ignoreList":[0]}

package/dist/index.es88.js

@@ -1,7 +1,8 @@
-function u(l) {
-  return l === null;
+function n(t) {
+  var e = typeof t;
+  return e === "function" || e === "object" && !!t;
 }
 export {
-  u as default
+  n as default
 };
 //# sourceMappingURL=index.es88.js.map

package/dist/index.es88.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es88.js","sources":["../node_modules/underscore/modules/isNull.js"],"sourcesContent":["// Is a given value equal to null?\nexport default function isNull(obj) {\n  return obj === null;\n}\n"],"names":["isNull","obj"],"mappings":"AACA,SAAwBA,EAAOC,GAAK;AAClC,SAAOA,MAAQ;AACjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es88.js","sources":["../node_modules/underscore/modules/isObject.js"],"sourcesContent":["// Is a given variable an object?\nexport default function isObject(obj) {\n  var type = typeof obj;\n  return type === 'function' || (type === 'object' && !!obj);\n}\n"],"names":["isObject","obj","type"],"mappings":"AACA,SAAwBA,EAASC,GAAK;AACpC,MAAIC,IAAO,OAAOD;AAClB,SAAOC,MAAS,cAAeA,MAAS,YAAY,CAAC,CAACD;AACxD;","x_google_ignoreList":[0]}

package/dist/index.es89.js

@@ -1,7 +1,7 @@
-function n(e) {
-  return e === void 0;
+function u(l) {
+  return l === null;
 }
 export {
-  n as default
+  u as default
 };
 //# sourceMappingURL=index.es89.js.map

package/dist/index.es89.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es89.js","sources":["../node_modules/underscore/modules/isUndefined.js"],"sourcesContent":["// Is a given variable undefined?\nexport default function isUndefined(obj) {\n  return obj === void 0;\n}\n"],"names":["isUndefined","obj"],"mappings":"AACA,SAAwBA,EAAYC,GAAK;AACvC,SAAOA,MAAQ;AACjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es89.js","sources":["../node_modules/underscore/modules/isNull.js"],"sourcesContent":["// Is a given value equal to null?\nexport default function isNull(obj) {\n  return obj === null;\n}\n"],"names":["isNull","obj"],"mappings":"AACA,SAAwBA,EAAOC,GAAK;AAClC,SAAOA,MAAQ;AACjB;","x_google_ignoreList":[0]}

package/dist/index.es90.js

@@ -1,8 +1,7 @@
-import { toString as e } from "./index.es36.js";
-function r(t) {
-  return t === !0 || t === !1 || e.call(t) === "[object Boolean]";
+function n(e) {
+  return e === void 0;
 }
 export {
-  r as default
+  n as default
 };
 //# sourceMappingURL=index.es90.js.map

package/dist/index.es90.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es90.js","sources":["../node_modules/underscore/modules/isBoolean.js"],"sourcesContent":["import { toString } from './_setup.js';\n\n// Is a given value a boolean?\nexport default function isBoolean(obj) {\n  return obj === true || obj === false || toString.call(obj) === '[object Boolean]';\n}\n"],"names":["isBoolean","obj","toString"],"mappings":";AAGA,SAAwBA,EAAUC,GAAK;AACrC,SAAOA,MAAQ,MAAQA,MAAQ,MAASC,EAAS,KAAKD,CAAG,MAAM;AACjE;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es90.js","sources":["../node_modules/underscore/modules/isUndefined.js"],"sourcesContent":["// Is a given variable undefined?\nexport default function isUndefined(obj) {\n  return obj === void 0;\n}\n"],"names":["isUndefined","obj"],"mappings":"AACA,SAAwBA,EAAYC,GAAK;AACvC,SAAOA,MAAQ;AACjB;","x_google_ignoreList":[0]}

package/dist/index.es91.js

@@ -1,7 +1,8 @@
-function n(e) {
-  return !!(e && e.nodeType === 1);
+import { toString as e } from "./index.es36.js";
+function r(t) {
+  return t === !0 || t === !1 || e.call(t) === "[object Boolean]";
 }
 export {
-  n as default
+  r as default
 };
 //# sourceMappingURL=index.es91.js.map

package/dist/index.es91.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es91.js","sources":["../node_modules/underscore/modules/isElement.js"],"sourcesContent":["// Is a given value a DOM element?\nexport default function isElement(obj) {\n  return !!(obj && obj.nodeType === 1);\n}\n"],"names":["isElement","obj"],"mappings":"AACA,SAAwBA,EAAUC,GAAK;AACrC,SAAO,CAAC,EAAEA,KAAOA,EAAI,aAAa;AACpC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es91.js","sources":["../node_modules/underscore/modules/isBoolean.js"],"sourcesContent":["import { toString } from './_setup.js';\n\n// Is a given value a boolean?\nexport default function isBoolean(obj) {\n  return obj === true || obj === false || toString.call(obj) === '[object Boolean]';\n}\n"],"names":["isBoolean","obj","toString"],"mappings":";AAGA,SAAwBA,EAAUC,GAAK;AACrC,SAAOA,MAAQ,MAAQA,MAAQ,MAASC,EAAS,KAAKD,CAAG,MAAM;AACjE;","x_google_ignoreList":[0]}

package/dist/index.es92.js

@@ -1,6 +1,7 @@
-import t from "./index.es203.js";
-const e = t("String");
+function n(e) {
+  return !!(e && e.nodeType === 1);
+}
 export {
-  e as default
+  n as default
 };
 //# sourceMappingURL=index.es92.js.map

package/dist/index.es92.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es92.js","sources":["../node_modules/underscore/modules/isString.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('String');\n"],"names":["isString","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,QAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es92.js","sources":["../node_modules/underscore/modules/isElement.js"],"sourcesContent":["// Is a given value a DOM element?\nexport default function isElement(obj) {\n  return !!(obj && obj.nodeType === 1);\n}\n"],"names":["isElement","obj"],"mappings":"AACA,SAAwBA,EAAUC,GAAK;AACrC,SAAO,CAAC,EAAEA,KAAOA,EAAI,aAAa;AACpC;","x_google_ignoreList":[0]}

package/dist/index.es93.js

@@ -1,6 +1,6 @@
-import e from "./index.es203.js";
-const t = e("Number");
+import t from "./index.es210.js";
+const e = t("String");
 export {
-  t as default
+  e as default
 };
 //# sourceMappingURL=index.es93.js.map

package/dist/index.es93.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es93.js","sources":["../node_modules/underscore/modules/isNumber.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Number');\n"],"names":["isNumber","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,QAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es93.js","sources":["../node_modules/underscore/modules/isString.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('String');\n"],"names":["isString","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,QAAQ;","x_google_ignoreList":[0]}

package/dist/index.es94.js

@@ -1,6 +1,6 @@
-import t from "./index.es203.js";
-const a = t("Date");
+import e from "./index.es210.js";
+const t = e("Number");
 export {
-  a as default
+  t as default
 };
 //# sourceMappingURL=index.es94.js.map

package/dist/index.es94.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es94.js","sources":["../node_modules/underscore/modules/isDate.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Date');\n"],"names":["isDate","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,MAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es94.js","sources":["../node_modules/underscore/modules/isNumber.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Number');\n"],"names":["isNumber","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,QAAQ;","x_google_ignoreList":[0]}

package/dist/index.es95.js

@@ -1,6 +1,6 @@
-import e from "./index.es203.js";
-const o = e("RegExp");
+import t from "./index.es210.js";
+const a = t("Date");
 export {
-  o as default
+  a as default
 };
 //# sourceMappingURL=index.es95.js.map

package/dist/index.es95.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es95.js","sources":["../node_modules/underscore/modules/isRegExp.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('RegExp');\n"],"names":["isRegExp","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,QAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es95.js","sources":["../node_modules/underscore/modules/isDate.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Date');\n"],"names":["isDate","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,MAAM;","x_google_ignoreList":[0]}

package/dist/index.es96.js

@@ -1,6 +1,6 @@
-import r from "./index.es203.js";
-const t = r("Error");
+import e from "./index.es210.js";
+const o = e("RegExp");
 export {
-  t as default
+  o as default
 };
 //# sourceMappingURL=index.es96.js.map

package/dist/index.es96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es96.js","sources":["../node_modules/underscore/modules/isError.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Error');\n"],"names":["isError","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,OAAO;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es96.js","sources":["../node_modules/underscore/modules/isRegExp.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('RegExp');\n"],"names":["isRegExp","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,QAAQ;","x_google_ignoreList":[0]}

package/dist/index.es97.js

@@ -1,6 +1,6 @@
-import o from "./index.es203.js";
-const e = o("Symbol");
+import r from "./index.es210.js";
+const t = r("Error");
 export {
-  e as default
+  t as default
 };
 //# sourceMappingURL=index.es97.js.map

package/dist/index.es97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es97.js","sources":["../node_modules/underscore/modules/isSymbol.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Symbol');\n"],"names":["isSymbol","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,QAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es97.js","sources":["../node_modules/underscore/modules/isError.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Error');\n"],"names":["isError","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,OAAO;","x_google_ignoreList":[0]}

package/dist/index.es98.js

@@ -1,6 +1,6 @@
-import r from "./index.es203.js";
-const f = r("ArrayBuffer");
+import o from "./index.es210.js";
+const e = o("Symbol");
 export {
-  f as default
+  e as default
 };
 //# sourceMappingURL=index.es98.js.map

package/dist/index.es98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es98.js","sources":["../node_modules/underscore/modules/isArrayBuffer.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('ArrayBuffer');\n"],"names":["isArrayBuffer","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,aAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es98.js","sources":["../node_modules/underscore/modules/isSymbol.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Symbol');\n"],"names":["isSymbol","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,QAAQ;","x_google_ignoreList":[0]}

package/dist/index.es99.js

@@ -1,13 +1,6 @@
-import a from "./index.es203.js";
-import r from "./index.es37.js";
-import e from "./index.es98.js";
-import { hasDataViewBug as i } from "./index.es38.js";
-var f = a("DataView");
-function o(t) {
-  return t != null && r(t.getInt8) && e(t.buffer);
-}
-const p = i ? o : f;
+import r from "./index.es210.js";
+const f = r("ArrayBuffer");
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=index.es99.js.map

package/dist/index.es99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es99.js","sources":["../node_modules/underscore/modules/isDataView.js"],"sourcesContent":["import tagTester from './_tagTester.js';\nimport isFunction from './isFunction.js';\nimport isArrayBuffer from './isArrayBuffer.js';\nimport { hasDataViewBug } from './_stringTagBug.js';\n\nvar isDataView = tagTester('DataView');\n\n// In IE 10 - Edge 13, we need a different heuristic\n// to determine whether an object is a `DataView`.\n// Also, in cases where the native `DataView` is\n// overridden we can't rely on the tag itself.\nfunction alternateIsDataView(obj) {\n  return obj != null && isFunction(obj.getInt8) && isArrayBuffer(obj.buffer);\n}\n\nexport default (hasDataViewBug ? alternateIsDataView : isDataView);\n"],"names":["isDataView","tagTester","alternateIsDataView","obj","isFunction","isArrayBuffer","isDataView$1","hasDataViewBug"],"mappings":";;;;AAKA,IAAIA,IAAaC,EAAU,UAAU;AAMrC,SAASC,EAAoBC,GAAK;AAChC,SAAOA,KAAO,QAAQC,EAAWD,EAAI,OAAO,KAAKE,EAAcF,EAAI,MAAM;AAC3E;AAEA,MAAAG,IAAgBC,IAAiBL,IAAsBF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es99.js","sources":["../node_modules/underscore/modules/isArrayBuffer.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('ArrayBuffer');\n"],"names":["isArrayBuffer","tagTester"],"mappings":";AAEA,MAAAA,IAAeC,EAAU,aAAa;","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/geospatial",
-  "version": "3.1.13-beta.8",
+  "version": "3.1.13",
   "description": "A package of components for all things map-related.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
@@ -29,7 +29,7 @@
     "underscore": "^1.13.7"
   },
   "peerDependencies": {
-    "@peripleo/maplibre": "^0.8.7",
+    "@peripleo/maplibre": "^0.8.9",
     "react": ">= 16.13.1 < 19.0.0",
     "react-dom": ">= 16.13.1 < 19.0.0"
   },

package/src/components/LocationMarkers.js

@@ -86,7 +86,12 @@ type Props = {
   /**
    * GeoJSON layer stroke style
    */
-  strokeStyle?: { [key: string]: any }
+  strokeStyle?: { [key: string]: any },
+
+  /**
+   * If true, the layer will be visible on the map.
+   */
+  visible?: boolean
 };
 
 const DEFAULT_BUFFER = 2;
@@ -141,6 +146,7 @@ const LocationMarkers = (props: Props) => {
         interactive={props.interactive}
         strokeStyle={props.strokeStyle}
         pointStyle={props.pointStyle}
+        visible={props.visible}
       />
     </>
   );

package/src/utils/Map.js

@@ -1,7 +1,14 @@
 // @flow
 
 import { WarpedMapLayer } from '@allmaps/maplibre';
-import { bbox, bboxPolygon, buffer } from '@turf/turf';
+import {
+  bbox,
+  bboxPolygon,
+  buffer,
+  feature,
+  featureCollection,
+  truncate
+} from '@turf/turf';
 import _ from 'underscore';
 
 const MIN_LATITUDE = -90;
@@ -73,6 +80,55 @@ const getBoundingBox = (data, bufferDistance = null) => {
  */
 const removeLayer = (map, layerId) => map && map.removeLayer(layerId);
 
+/**
+ * Wraps the passed record in a feature.
+ *
+ * @param record
+ * @param item
+ * @param geometry
+ *
+ * @returns {Feature<Geometry, {
+ *  id: *,
+ *  ccode: [],
+ *  title: *,
+ *  uuid: *,
+ *  record_id: *,
+ *  name: *,
+ *  names: *,
+ *  type: *,
+ *  items: [*],
+ *  url: *
+ * }>}
+ */
+const toFeature = (record: any, item: any, geometry: any) => {
+  const properties = {
+    id: record.record_id,
+    ccode: [],
+    title: record.name,
+    uuid: record.uuid,
+    record_id: record.record_id,
+    name: record.name,
+    names: record.names?.map((toponym: string) => ({ toponym })),
+    type: record.type,
+    items: [item],
+    url: record.url
+  };
+
+  const id = parseInt(record.record_id, 10);
+  const data = geometry ? truncate(geometry, { precision: 3, coordinates: 2 }) : geometry;
+
+  return feature(data, properties, { id });
+};
+
+/**
+ * Returns a feature collection for the passed set of features.
+ *
+ * @param features
+ *
+ * @returns {FeatureCollection<Geometry, GeoJsonProperties>}
+ */
+const toFeatureCollection = (features: Array<any>) => featureCollection(features);
+
 /**
  * Validates that the passed bounding box contains finite coordinates.
  *
@@ -108,6 +164,8 @@ export default {
   addGeoreferenceLayer,
   getBoundingBox,
   removeLayer,
+  toFeature,
+  toFeatureCollection,
   validateBoundingBox,
   validateCoordinates
 };

package/types/components/GeoJSONLayerTest.js.flow

@@ -0,0 +1,190 @@
+// @flow
+
+import React, { type ReactNode, useEffect, useState } from 'react';
+import { Map } from 'maplibre-gl';
+import {
+  HoverTooltip,
+  removeLayerIfExists,
+  removeSourceIfExists,
+  useLoadedMap
+} from '@peripleo/maplibre';
+import MapStyles from '../utils/MapStyles';
+
+type Props = {
+
+  cluster?: boolean,
+
+  clusterMaxZoom?: number,
+
+  clusterMinPoints?: number,
+
+  clusterProperties?: any,
+
+  clusterRadius?: number,
+
+  data: any,
+
+  fillStyle?: Object,
+
+  id: string,
+
+  interactive?: boolean,
+
+  pointStyle?: Object,
+
+  tooltip?: (hoverState: any) => ReactNode,
+
+  strokeStyle?: Object,
+
+  visible?: boolean,
+
+  onLoad?: () => void
+
+};
+
+const setStyle = (map: typeof Map, layerId: string, style: any) => {
+  if (!map) return;
+
+  Object
+    .entries(style.paint)
+    .forEach(([key, value]) =>
+      map.setPaintProperty(layerId, key, value));
+};
+
+const GeoJSONLayerTest = (props: Props) => {
+
+  const { id, data } = props;
+
+  const visible = props.visible === undefined ? true : props.visible;
+
+  const fillStyle = props.fillStyle || MapStyles.fill;
+
+  const strokeStyle = props.strokeStyle || MapStyles.stroke;
+
+  const pointStyle = props.pointStyle || MapStyles.point;
+
+  const map = useLoadedMap();
+
+  const [sourceId, setSourceId] = useState();
+
+  useEffect(() => {
+    if (map) {
+      const layerIds = new Set(map.getStyle().layers.map(l => l.id));
+
+      if (layerIds.has(`layer-${props.id}-fill`)) {
+        map.setLayoutProperty(`layer-${props.id}-fill`, 'visibility', visible ? 'visible' : 'none');
+      }
+
+      if (layerIds.has(`layer-${props.id}-line`)) {
+        map.setLayoutProperty(`layer-${props.id}-line`, 'visibility', visible ? 'visible' : 'none');
+      }
+
+      if (layerIds.has(`layer-${props.id}-point`)) {
+        map.setLayoutProperty(`layer-${props.id}-point`, 'visibility', visible ? 'visible' : 'none');
+      }
+    }
+  }, [visible, map]);
+
+  useEffect(() => {
+    if (!map) return;
+
+    const sourceId = `source-${id}`;
+
+    map.addSource(sourceId, {
+      type: 'geojson',
+      // @ts-ignore
+      data,
+      // Note that mapLibre checks by key, and will fail if cluster args
+      // are undefined. Therefore we need to add on demand.
+      ...(props.cluster && { cluster: true }),
+      ...(props.clusterRadius !== undefined && { clusterRadius: props.clusterRadius }),
+      ...(props.clusterMaxZoom !== undefined && { clusterMaxZoom: props.clusterMaxZoom }),
+      ...(props.clusterMinPoints !== undefined && { clusterMinPoints: props.clusterMinPoints }),
+      ...(props.clusterProperties !== undefined && { clusterProperties: props.clusterProperties })
+    });
+
+    // Map emits 'IDLE' event when the source is fully loaded
+    if (props.onLoad)
+      map.once('idle', () => props.onLoad());
+
+    if (!props.cluster) {
+      map.addLayer({
+        id: `layer-${id}-fill`,
+        ...fillStyle,
+        source: `source-${id}`,
+        filter: ['!=', '$type', 'Point'],
+        layout: {
+          visibility: visible ? 'visible' : 'none'
+        },
+        metadata: {
+          interactive: props.interactive
+        }
+      });
+
+      map.addLayer({
+        id: `layer-${id}-line`,
+        ...strokeStyle,
+        source: `source-${id}`,
+        filter: ['!=', '$type', 'Point'],
+        layout: {
+          visibility: visible ? 'visible' : 'none'
+        }
+      });
+    }
+
+    map.addLayer({
+      id: `layer-${id}-point`,
+      ...pointStyle,
+      filter: ['==', '$type', 'Point'],
+      source: `source-${id}`,
+      layout: {
+        visibility: visible ? 'visible' : 'none'
+      },
+      metadata: {
+        interactive: props.interactive
+      }
+    });
+
+    setSourceId(sourceId);
+
+    setTimeout(() => map.moveLayer(`layer-${id}-point`), 10);
+
+    return () => {
+      removeLayerIfExists(map, `layer-${id}-point`);
+      removeLayerIfExists(map, `layer-${id}-line`);
+      removeLayerIfExists(map, `layer-${id}-fill`);
+
+      removeSourceIfExists(map, sourceId);
+    };
+  }, [map]);
+
+  useEffect(() => {
+    if (!sourceId) return;
+
+    // @ts-ignore
+    map.getSource(sourceId).setData(data);
+  }, [sourceId, data]);
+
+  useEffect(() => {
+    if (!props.cluster)
+      setStyle(map, `layer-${id}-fill`, props.fillStyle|| MapStyles.fill);
+  }, [props.fillStyle, props.cluster]);
+
+  useEffect(() => {
+    if (!props.cluster)
+      setStyle(map, `layer-${id}-line`, props.strokeStyle|| MapStyles.stroke);
+  }, [props.strokeStyle, props.cluster]);
+
+  useEffect(() => {
+    setStyle(map, `layer-${id}-point`, props.pointStyle|| MapStyles.point);
+  }, [props.pointStyle]);
+
+  return props.tooltip ? (
+    <HoverTooltip
+      layerId={[`layer-${id}-point`, `layer-${id}-fill`]}
+      tooltip={props.tooltip} />
+  ) : null;
+
+};
+
+export default GeoJSONLayerTest;

package/types/components/LocationMarkers.js.flow

@@ -86,7 +86,12 @@ type Props = {
   /**
    * GeoJSON layer stroke style
    */
-  strokeStyle?: { [key: string]: any }
+  strokeStyle?: { [key: string]: any },
+
+  /**
+   * If true, the layer will be visible on the map.
+   */
+  visible?: boolean
 };
 
 const DEFAULT_BUFFER = 2;
@@ -141,6 +146,7 @@ const LocationMarkers = (props: Props) => {
         interactive={props.interactive}
         strokeStyle={props.strokeStyle}
         pointStyle={props.pointStyle}
+        visible={props.visible}
       />
     </>
   );

package/types/utils/Map.js.flow

@@ -1,7 +1,14 @@
 // @flow
 
 import { WarpedMapLayer } from '@allmaps/maplibre';
-import { bbox, bboxPolygon, buffer } from '@turf/turf';
+import {
+  bbox,
+  bboxPolygon,
+  buffer,
+  feature,
+  featureCollection,
+  truncate
+} from '@turf/turf';
 import _ from 'underscore';
 
 const MIN_LATITUDE = -90;
@@ -73,6 +80,55 @@ const getBoundingBox = (data, bufferDistance = null) => {
  */
 const removeLayer = (map, layerId) => map && map.removeLayer(layerId);
 
+/**
+ * Wraps the passed record in a feature.
+ *
+ * @param record
+ * @param item
+ * @param geometry
+ *
+ * @returns {Feature<Geometry, {
+ *  id: *,
+ *  ccode: [],
+ *  title: *,
+ *  uuid: *,
+ *  record_id: *,
+ *  name: *,
+ *  names: *,
+ *  type: *,
+ *  items: [*],
+ *  url: *
+ * }>}
+ */
+const toFeature = (record: any, item: any, geometry: any) => {
+  const properties = {
+    id: record.record_id,
+    ccode: [],
+    title: record.name,
+    uuid: record.uuid,
+    record_id: record.record_id,
+    name: record.name,
+    names: record.names?.map((toponym: string) => ({ toponym })),
+    type: record.type,
+    items: [item],
+    url: record.url
+  };
+
+  const id = parseInt(record.record_id, 10);
+  const data = geometry ? truncate(geometry, { precision: 3, coordinates: 2 }) : geometry;
+
+  return feature(data, properties, { id });
+};
+
+/**
+ * Returns a feature collection for the passed set of features.
+ *
+ * @param features
+ *
+ * @returns {FeatureCollection<Geometry, GeoJsonProperties>}
+ */
+const toFeatureCollection = (features: Array<any>) => featureCollection(features);
+
 /**
  * Validates that the passed bounding box contains finite coordinates.
  *
@@ -108,6 +164,8 @@ export default {
   addGeoreferenceLayer,
   getBoundingBox,
   removeLayer,
+  toFeature,
+  toFeatureCollection,
   validateBoundingBox,
   validateCoordinates
 };