Added MapId to mapOption #127

GoogleMapsComponents/GoogleMapsComponents.csproj

@@ -18,7 +18,7 @@
     <RazorLangVersion>3.0</RazorLangVersion>
     <AddRazorSupportForMvc>true</AddRazorSupportForMvc>
     <PackageId>BlazorGoogleMaps</PackageId>
-    <Version>1.1.1</Version>
+    <Version>1.1.2</Version>
     <Authors>Rungwiroon</Authors>
     <Company>QueueStack Solution</Company>
     <Product>BlazorGoogleMaps</Product>

GoogleMapsComponents/Maps/MapOptions.cs

@@ -168,7 +168,7 @@ public class MapOptions
         /// If false, disables zooming on the map using a mouse scroll wheel. 
         /// The scrollwheel is enabled by default.
         /// </summary>
-        public bool? Scrollwheel  { get; set; }
+        public bool? Scrollwheel { get; set; }
 
         /// <summary>
         /// A StreetViewPanorama to display when the Street View pegman is dropped on the map. 
@@ -217,5 +217,14 @@ public class MapOptions
         /// The display options for the Zoom control.
         /// </summary>
         public ZoomControlOptions ZoomControlOptions { get; set; }
+
+        /// <summary>
+        /// Type:  string optional
+        /// The unique identifier that represents a single instance of a Google Map.
+        /// You can create Map IDs and update a style associated with a
+        /// Map ID at any time in the Google Cloud Console Maps Management
+        /// page without changing embedded JSON styling in your application code.
+        /// </summary>
+        public string? MapId { get; set; }
     }
 }

ServerSideDemo/Pages/MapMarker.razor.cs

@@ -40,7 +40,8 @@ protected override void OnInitialized()
                     Lat = 13.505892,
                     Lng = 100.8162
                 },
-                MapTypeId = MapTypeId.Roadmap
+                MapTypeId = MapTypeId.Roadmap,
+                MapId = "3a3b33f0edd6ed2a"
             };
         }