refine code samples

Author: Savina Shen (Manpower Services Taiwan Co Ltd)

src/stories/DataVisualization/BubbleLayer/BubbleLayer.stories.ts

@@ -78,7 +78,4 @@ export default meta;
 
 type Story = StoryObj<typeof BubbleLayer>;
 
-export const Example: Story = {
-  name: 'Example',
-  args: {},
-};
+export const Example: Story = {};

src/stories/DataVisualization/ClusterAggregates/ClusterAggregate.mdx

@@ -90,16 +90,16 @@ const ClusterAggregates = ({ showBubbles, showNumbers }: ClusterAggregatesProps)
                 clusterMaxZoom: 15,
               }}
             >
-                <AzureMapLayerProvider
-                    id={'BubbleLayer LayerProvider'}
-                    options={bubbleLayerOptions}
-                    type="BubbleLayer"
-                ></AzureMapLayerProvider>
-                <AzureMapLayerProvider
-                    id={'NumberLayer2 LayerProvider'}
-                    options={symbolLayerOptions}
-                    type="SymbolLayer"
-                ></AzureMapLayerProvider>
+              <AzureMapLayerProvider
+                  id={'BubbleLayer LayerProvider'}
+                  options={bubbleLayerOptions}
+                  type="BubbleLayer"
+              ></AzureMapLayerProvider>
+              <AzureMapLayerProvider
+                  id={'NumberLayer2 LayerProvider'}
+                  options={symbolLayerOptions}
+                  type="SymbolLayer"
+              ></AzureMapLayerProvider>
             </AzureMapDataSourceProvider>
           </AzureMap>
         </div>

src/stories/DataVisualization/LineLayer/LineLayer.mdx

@@ -24,4 +24,5 @@ For more available properties, see the documentation [LineLayerOptions](https://
         lineCap: 'round',
         translate: [0, 0],
     }}
+/>
 `}/>

src/stories/DataVisualization/LineLayer/LineLayer.stories.ts

@@ -30,7 +30,4 @@ export default meta;
 
 type Story = StoryObj<typeof LineLayer>;
 
-export const Example: Story = {
-  name: 'Example',
-  args: {},
-};
+export const Example: Story = {};

src/stories/DataVisualization/PolygonLayer/PolygonLayer.stories.ts

@@ -26,7 +26,7 @@ const PolygonLayer = () => {
   return (
     <AzureMapsProvider>
       <div className="defaultMap">
-        <AzureMap options={{ ...mapOptions, center: [12, 39], zoom: 0 }}>
+        <AzureMap options={{ ...your_options, center: [12, 39], zoom: 0 }}>
           <AzureMapDataSourceProvider id="PolygonLayer DataSourceProvider" collection={collection}>
             <AzureMapLayerProvider type="PolygonLayer"  
                                    options={{ fillColor: 'rgba(0, 0, 255, 0.5)', fillOpacity: 0.8, }} />