Merge pull request #268 from performant-software/RB-custom-buffer

Added custom buffer to PlaceMarkers
performant-software · Mar 13, 2024 · 6485b95 · 6485b95
2 parents 941a65b + 7ae161c
commit 6485b95
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git a/packages/core-data/src/components/PlaceMarkers.js b/packages/core-data/src/components/PlaceMarkers.js
@@ -13,6 +13,11 @@ import _ from 'underscore';
 type Props = {
   animate?: boolean,
 
+  /**
+   * The number of miles to buffer the GeoJSON data. (Defaults to two.)
+   */
+  buffer?: number,
+
   /**
    * The URL of the Core Data place record.
    */
@@ -69,6 +74,7 @@ const PlaceMarkers = (props: Props) => {
   return (
     <LocationMarkers
       animate={props.animate}
+      buffer={props.buffer}
       data={data}
     />
   );

diff --git a/packages/storybook/src/core-data/PlaceMarker.stories.js b/packages/storybook/src/core-data/PlaceMarker.stories.js
@@ -30,7 +30,7 @@ export const Default = () => (
       >
         <PlaceMarkers
           urls={[
-            '/core_data/places/1'
+            '/core_data/places/2'
           ]}
         />
       </div>
@@ -61,3 +61,31 @@ export const MultiplePlaces = () => (
     </Map>
   </Peripleo>
 );
+
+export const LargerBuffer = () => (
+  <Peripleo>
+    <Map
+      style={mapStyle}
+    >
+      <Controls
+        position='topright'
+      >
+        <Zoom />
+      </Controls>
+      <div
+        style={{
+          width: '100%',
+          height: '300px'
+        }}
+      >
+        <PlaceMarkers
+          urls={[
+            '/core_data/places/2'
+          ]}
+          buffer={20}
+        />
+      </div>
+    </Map>
+  </Peripleo>
+);
+