modify html marker example

Author: Savina Shen (Manpower Services Taiwan Co Ltd)

src/stories/MapAnnotations/HtmlMarker/HtmlMarker.stories.tsx

@@ -8,6 +8,7 @@ const meta: Meta<typeof HtmlMarker> = {
     color: 'DodgerBlue',
     text: '10',
     position: [0, 0],
+    draggable: false,
   },
   parameters: {
     storySource: {

src/stories/MapAnnotations/HtmlMarker/HtmlMarker.tsx

@@ -2,19 +2,18 @@ import { AzureMap, AzureMapHtmlMarker, AzureMapsProvider } from 'react-azure-map
 import { HtmlMarkerOptions, SymbolLayerOptions } from 'azure-maps-control';
 import { mapOptions } from '../../../key';
 
-const HtmlMarker = ({ color, text, position }: HtmlMarkerOptions) => {
+const HtmlMarker = ({ color, text, position, draggable }: HtmlMarkerOptions) => {
   return (
     <AzureMapsProvider>
       <div className="defaultMap sb-unstyled">
         <AzureMap options={mapOptions}>
           <AzureMapHtmlMarker
-            //   key={rendId}
             options={{
               color,
               text,
               position,
+              draggable,
             }}
-            // markerContent={<div>My HTML content</div>} // need further implementation
           />
         </AzureMap>
       </div>