Add field occurrence point style

src/assets/css/vars.css

@@ -22,6 +22,7 @@
   --color-map-asserted: 249, 115, 22;
   --color-map-type-material: 51, 136, 255;
   --color-map-collection-object: 239, 68, 68;
+  --color-map-field-occurrence: 132, 204, 22;
 
   --color-scrollbar-thumb: 156, 163, 175;
   --color-scrollbar-track: 229, 231, 235;

src/components/Map/icons/FieldOccurrence.js

@@ -0,0 +1,5 @@
+export const FieldOccurrence = {
+  className: 'bg-map-field-occurrence rounded-full map-point-marker',
+  iconSize: [8, 8],
+  iconAnchor: [4, 4]
+}

src/components/Map/icons/index.js

@@ -1,4 +1,5 @@
 export * from './AssertedDistribution'
 export * from './CollectionObject'
+export * from './FieldOccurrence'
 export * from './Georeference'
 export * from './TypeMaterial'

src/components/Map/shapes/FieldOccurrence.js

@@ -0,0 +1,5 @@
+export const CollectionObject = {
+  color: `rgb(var(--color-map-field-occurrence))`,
+  weight: 1,
+  fillOpacity: 'var(--color-map-shape-opacity)'
+}

src/modules/otus/components/Panel/PanelMap/constants/legend.js

@@ -18,5 +18,9 @@ export const LEGEND = {
   TypeMaterial: {
     label: 'Type material',
     background: 'bg-map-type-material'
+  },
+  FieldOccurrence: {
+    label: 'Field occurrence',
+    background: 'bg-map-field-occurrence'
   }
 }

tailwind.config.cjs

@@ -41,7 +41,8 @@ module.exports = {
           aggregate: withOpacity('--color-map-aggregate'),
           asserted: withOpacity('--color-map-asserted'),
           'type-material': withOpacity('--color-map-type-material'),
-          'collection-object': withOpacity('--color-map-collection-object')
+          'collection-object': withOpacity('--color-map-collection-object'),
+          'field-occurrence': withOpacity('--color-map-field-occurrence')
         },
 
         primary: {