Merge pull request #106 from Chia-Chi-Shen/storybook

Update react-azure-maps to 1.0.2

Author: Chia-Chi-Shen

package-lock.json

@@ -5,7 +5,7 @@
   "dependencies": {
     "azure-maps-control": "^3.3.0",
     "react": "^18.2.0",
-    "react-azure-maps": "^1.0.0",
+    "react-azure-maps": "^1.0.2",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0"
   },

package.json

@@ -130,4 +130,50 @@ import {
     ]}
   />
 </AzureMapsProvider>;
+`}/>
+
+## Scale Control
+
+<MapControl controls={[controls[6]]}/>
+<Source code={`
+import {
+  ControlOptions,
+  AzureMapsProvider,
+  AzureMap,
+} from 'react-azure-maps'; 
+
+<AzureMapsProvider>
+  <AzureMap
+    options={your_options}
+    controls={[
+      {
+          controlName: 'ScaleControl',
+          options: { position: 'bottom-left' } as ControlOptions,
+      },
+    ]}
+  />
+</AzureMapsProvider>;
+`}/>
+
+## Fullscreen Control
+
+<MapControl controls={[controls[7]]}/>
+<Source code={`
+import {
+  ControlOptions,
+  AzureMapsProvider,
+  AzureMap,
+} from 'react-azure-maps';
+
+<AzureMapsProvider>
+  <AzureMap
+    options={your_options}
+    controls={[
+      {
+          controlName: 'FullscreenControl',
+          options: { position: 'top-right' } as ControlOptions,
+      },
+    ]}
+  />
+</AzureMapsProvider>;
 `}/>

src/stories/BasicUsage/MapControls/MapControl.mdx

@@ -36,6 +36,16 @@ export const controls: IAzureMapControls[] = [
     controlOptions: {},
     options: { position: 'bottom-left' } as ControlOptions,
   },
+  {
+    controlName: 'ScaleControl',
+    controlOptions: {},
+    options: { position: 'bottom-left' } as ControlOptions,
+  },
+  {
+    controlName: 'FullscreenControl',
+    controlOptions: {},
+    options: { position: 'top-right' } as ControlOptions,
+  }
 ];
 
 const MapControl = ({ controls }: ControlProps) => {