Added buffer prop to placemarker

packages/core-data/src/components/PlaceMarker.js

@@ -4,6 +4,11 @@ import { LocationMarker } from '@performant-software/geospatial';
 import React, { useCallback, useEffect, useState } from 'react';
 
 type Props = {
+  /**
+   * The number of miles to buffer the GeoJSON data. (Defaults to 2.)
+   */
+  buffer?: number,
+
   /**
    * The URL of the Core Data place record.
    */
@@ -52,6 +57,7 @@ const PlaceMarker = (props: Props) => {
   return (
     <LocationMarker
       data={place}
+      buffer={props.buffer}
     />
   );
 };

packages/storybook/src/core-data/PlaceMarker.stories.js

@@ -36,3 +36,28 @@ export const Default = () => (
     </Map>
   </Peripleo>
 );
+
+export const LargerBuffer = () => (
+  <Peripleo>
+    <Map
+      style={mapStyle}
+    >
+      <Controls
+        position='topright'
+      >
+        <Zoom />
+      </Controls>
+      <div
+        style={{
+          width: '100%',
+          height: '300px'
+        }}
+      >
+        <PlaceMarker
+          url={PLACE_URL}
+          buffer={20}
+        />
+      </div>
+    </Map>
+  </Peripleo>
+);