Atlas #4 - Adding example to LocationMarkers.stories with no zoom ani…

…mation
performant-software · Apr 3, 2024 · f6ee170 · f6ee170
1 parent e68a140
commit f6ee170
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/packages/storybook/src/geospatial/LocationMarkers.stories.js b/packages/storybook/src/geospatial/LocationMarkers.stories.js
@@ -128,3 +128,36 @@ export const MultiplePoints = () => (
     </Map>
   </Peripleo>
 );
+
+export const NoZoom = () => (
+  <Peripleo>
+    <Map
+      style={mapStyle}
+    >
+      <Controls
+        position='topright'
+      >
+        <Zoom />
+      </Controls>
+      <div
+        style={{
+          width: '100%',
+          height: '300px'
+        }}
+      >
+        <LocationMarkers
+          boundingBoxOptions={{
+            animate: false
+          }}
+          data={{
+            type: 'Point',
+            coordinates: [
+              -81.2653727,
+              31.4252249
+            ]
+          }}
+        />
+      </div>
+    </Map>
+  </Peripleo>
+);