1.0.2 nuget

#84 BugFix. Added marker animations
rungwiroon · Jan 1, 2021 · 3cd1a99 · 3cd1a99
1 parent a4d8576
commit 3cd1a99
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 3 deletions.
diff --git a/GoogleMapsComponents/GoogleMapsComponents.csproj b/GoogleMapsComponents/GoogleMapsComponents.csproj
@@ -18,7 +18,7 @@
     <RazorLangVersion>3.0</RazorLangVersion>
     <AddRazorSupportForMvc>true</AddRazorSupportForMvc>
     <PackageId>BlazorGoogleMaps</PackageId>
-    <Version>1.0.1</Version>
+    <Version>1.0.2</Version>
     <Authors>Rungwiroon</Authors>
     <Company>QueueStack Solution</Company>
     <Product>BlazorGoogleMaps</Product>

diff --git a/GoogleMapsComponents/Maps/Animation.cs b/GoogleMapsComponents/Maps/Animation.cs
@@ -18,13 +18,13 @@ public enum Animation
         /// <summary>
         /// Marker bounces until animation is stopped.
         /// </summary>
-        [EnumMember(Value = "bounce")]
+        [EnumMember(Value = "google.maps.Animation.BOUNCE")]
         Bounce,
 
         /// <summary>
         /// Marker falls from the top of the map ending with a small bounce.
         /// </summary>
-        [EnumMember(Value = "drop")]
+        [EnumMember(Value = "google.maps.Animation.DROP")]
         Drop
     }
 }
diff --git a/GoogleMapsComponents/Maps/MarkerLabel.cs b/GoogleMapsComponents/Maps/MarkerLabel.cs
@@ -6,6 +6,7 @@
 namespace GoogleMapsComponents.Maps
 {
     /// <summary>
+    /// https://developers.google.com/maps/documentation/javascript/reference/marker#MarkerLabel.className
     /// These options specify the appearance of a marker label. A marker label is a single character of text which will appear inside the marker. 
     /// If you are using it with a custom marker, you can reposition it with the labelOrigin property in the Icon class.
     /// </summary>
@@ -36,5 +37,13 @@ public class MarkerLabel
         /// The text to be displayed in the label.
         /// </summary>
         public string Text { get; set; }
+        /// <summary>
+        /// The className property of the label's element (equivalent to the element's class attribute).
+        /// Multiple space-separated CSS classes can be added. Default is no CSS class (an empty string).
+        /// The font color, size, weight, and family can only be set via the other properties of MarkerLabel.
+        /// CSS classes should not be used to change the position nor orientation of the label
+        /// (e.g. using translations and rotations) if also using marker collision management.
+        /// </summary>
+        public string ClassName { get; set; }
     }
 }
diff --git a/GoogleMapsComponents/wwwroot/objectManager.js b/GoogleMapsComponents/wwwroot/objectManager.js
@@ -76,6 +76,16 @@ function tryParseJson(item) {
         } else {
             for (var propertyName in item2) {
                 let propertyValue = item2[propertyName];
+                if (propertyValue !== null && typeof propertyValue === "string" && propertyValue.indexOf("google.maps.Animation") == 0) {
+                    switch (propertyValue) {
+                        case "google.maps.Animation.DROP":
+                            item2[propertyName] = google.maps.Animation.DROP;
+                        case "google.maps.Animation.BOUNCE":
+                            item2[propertyName] = google.maps.Animation.BOUNCE;
+                    default:
+                    }
+                }
+
                 if (typeof propertyValue === "object"
                     && propertyValue !== null
                     && "guidString" in propertyValue) {

diff --git a/ServerSideDemo/Pages/MapMarker.razor.cs b/ServerSideDemo/Pages/MapMarker.razor.cs
@@ -120,6 +120,7 @@ private async Task AddMarker()
                 Position = mapCenter,
                 Map = map1.InteropObject,
                 Label = $"Test {markers.Count}",
+                Animation = Animation.Bounce
                 //Icon = new Icon()
                 //{
                 //    Url = "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png"