36449 (#833)

36449

Author: mddifilippo89

code-gen-library/ShapeFileOnViewInit/Blazor.cs

@@ -0,0 +1,29 @@
+//begin imports
+using IgniteUI.Blazor.Controls;
+using System;
+using System.Collections.Generic;
+using System.Collections;
+//end imports
+
+import { CodeGenHelper } from 'igniteui-webcomponents-core';
+
+public class ShapeFileOnViewInit
+{
+    //begin eventHandler
+	
+    private IgbShapeDataSource Data;
+
+    public void ShapeFileOnViewInit()
+	{
+		var geoMap = CodeGenHelper.GetDescription<IgbGeoGraphicMap>("content");
+
+		this.Data = new IgbShapeDataSource()
+		{
+			ShapefileSource = "https://static.infragistics.com/xplatform/shapes/world_countries_all.shp",
+			DatabaseSource  = "https://static.infragistics.com/xplatform/shapes/world_countries_all.dbf"
+		};
+		this.geographicShapeSeries1.ShapefileDataSource = Data;
+		this.geoMap.BackgroundContent = null;
+	}
+    //end eventHandler
+}

code-gen-library/ShapeFileStyling/Blazor.js

@@ -0,0 +1,20 @@
+//begin eventHandler
+igRegisterScript("ShapeFileStyling", (o, e) => {
+    // applying conditional styling based on Contient field loaded from DBF file
+    var c = e.item.getFieldValue("Continent")
+    if (c == "Africa") {
+        e.shapeFill = "#ECB912"; 
+    } else if (c == "Asia") {
+        e.shapeFill = "#E11D1D";
+    } else if (c == "Europe") {
+        e.shapeFill = "#2894EC";
+    } else if (c == "South America" || c == "North America") {
+        e.shapeFill = "#0CC308";
+    } else if (c == "Australia") {
+        e.shapeFill = "#B42AE9";
+    } else {
+        e.shapeFill = "gray";
+    }
+    e.shapeOutline = "black";
+}, false);
+//end eventHandler

samples/maps/geo-map/shape-styling.json

@@ -0,0 +1,24 @@
+{
+  "export": false,
+  "onViewInit": [ "ShapeFileOnViewInit"],
+  "descriptions": {
+    "content": {
+      "type": "GeographicMap",
+      "name": "geoMap",
+      "zoomable": true,
+      "series": [
+        {
+          "type": "GeographicShapeSeries",
+          "name": "GeographicShapeSeries1",
+          "styleShapeRef": "ShapeFileStyling"
+        }
+      ]
+    }
+  },
+  "modules": [
+    "maps/GeographicMapModule",
+    "charts/LegendModule",
+    "charts/DataChartAnnotationModule",
+    "charts/DataChartInteractivityModule"
+  ]
+}