Skip to content

Commit 1f6ed76

Browse files
indumathi-muraliindumathi-murali
committed
869993: committed missed contents.
1 parent 97b82a3 commit 1f6ed76

File tree

6 files changed

+370
-0
lines changed

6 files changed

+370
-0
lines changed

‎ej2-asp-core-mvc/code-snippet/maps/polygon/polygon-shape-highlight/polygon-shape-highlight.cs

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
using Newtonsoft.Json;
2+
using Syncfusion.EJ2.Charts;
3+
4+
namespace EJ2_Core_Application.Controllers
5+
{
6+
public class HomeController : Controller
7+
{
8+
public IActionResult Index()
9+
{
10+
ViewBag.worldmap = GetWorldMap();
11+
ViewBag.world_map = GetMap();
12+
return View();
13+
}
14+
15+
// To access the data in Core
16+
public object GetWorldMap()
17+
{
18+
string allText = System.IO.File.ReadAllText("./wwwroot/scripts/MapsData/WorldMap.js");
19+
return JsonConvert.DeserializeObject(allText);
20+
}
21+
22+
// To access the data in MVC
23+
public object GetMap()
24+
{
25+
string allText = System.IO.File.ReadAllText(Server.MapPath("~/App_Data/WorldMap.json"));
26+
return JsonConvert.DeserializeObject(allText, typeof(object));
27+
}
28+
}
29+
}

‎ej2-asp-core-mvc/code-snippet/maps/polygon/polygon-shape-highlight/razor

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
@using Syncfusion.EJ2.Maps;
2+
3+
@{
4+
var data = new[]
5+
{
6+
new { longitude = -1.8920678947185365, latitude = 35.06195799239681 },
7+
new { longitude = -1.6479633699113947, latitude = 33.58989612266137 },
8+
new { longitude = -1.4201220366858252, latitude = 32.819439646045254 },
9+
new { longitude = -1.197974596225663, latitude = 32.26940895444655 },
10+
new { longitude = -2.891112397949655, latitude = 32.10303058820031 },
11+
new { longitude = -3.8246984550501963, latitude = 31.34551662687602 },
12+
new { longitude = -3.720166273688733, latitude = 30.758086682848685 },
13+
new { longitude = -5.6571886081189575, latitude = 29.613582597203006 },
14+
new { longitude = -7.423353242214745, latitude = 29.44328441403087 },
15+
new { longitude = -8.6048931685323, latitude = 28.761444633616776 },
16+
new { longitude = -8.695726975465703, latitude = 27.353491085576195 },
17+
new { longitude = 3.837867279970908, latitude = 19.15916564839422 },
18+
new { longitude = 6.0705408799045415, latitude = 19.48749097192868 },
19+
new { longitude = 12.055736352807713, latitude = 23.694596786078293 },
20+
new { longitude = 11.272522332402986, latitude = 24.289329186946034 },
21+
new { longitude = 10.30872578261932, latitude = 24.65419958524693 },
22+
new { longitude = 9.910236690050027, latitude = 25.48943950947175 },
23+
new { longitude = 9.432639882414293, latitude = 26.398372489836902 },
24+
new { longitude = 9.898266456582292, latitude = 26.73489453809293 },
25+
new { longitude = 9.560243026853641, latitude = 30.31040379467153 },
26+
new { longitude = 8.943853847283322, latitude = 32.350324876652195 },
27+
new { longitude = 7.57004059025715, latitude = 33.75071049019398 },
28+
new { longitude = 8.0906322609153, latitude = 34.69043151009983 },
29+
new { longitude = 8.363285449347273, latitude = 35.38654406371319 },
30+
new { longitude = 8.26139549449448, latitude = 36.44751078733985 },
31+
new { longitude = 8.61100824823302, latitude = 36.881913362940196 },
32+
new { longitude = 7.4216488925819135, latitude = 37.021408008916254 },
33+
new { longitude = 6.461182254165351, latitude = 36.99092409199429 },
34+
new { longitude = 5.297178918070159, latitude = 36.69985479014656 },
35+
new { longitude = 3.6718056161224695, latitude = 36.86470546831693 },
36+
new { longitude = 1.2050052555659931, latitude = 36.57658056301722 },
37+
new { longitude = -0.26968570003779746, latitude = 35.806903541813625 },
38+
new { longitude = -0.995191786435754, latitude = 35.58466127904214 },
39+
new { longitude = -1.8920678947185365, latitude = 35.06195799239681 }
40+
};
41+
42+
43+
var polygons = new List<Syncfusion.EJ2.Maps.MapsPolygon>
44+
{
45+
new Syncfusion.EJ2.Maps.MapsPolygon{ Points=data, Fill="blue", Opacity=0.7, BorderColor="green", BorderOpacity=0.7, BorderWidth=2 }
46+
};
47+
48+
var highlight = new Syncfusion.EJ2.Maps.MapsHighlightSettings
49+
{
50+
Enable = true, Fill = "yellow", Opacity = 0.4,
51+
Border = new MapsBorder
52+
{
53+
Color ="blue",
54+
Opacity = 0.6,
55+
Width=4
56+
}
57+
};
58+
59+
var selection = new Syncfusion.EJ2.Maps.MapsSelectionSettings
60+
{
61+
Enable = true,
62+
Fill = "red",
63+
EnableMultiSelect = false,
64+
Opacity = 0.7,
65+
Border = new MapsBorder
66+
{
67+
Color = "green",
68+
Opacity = 0.7,
69+
Width = 2
70+
}
71+
};
72+
}
73+
74+
@(Html.EJS().Maps("maps").Layers(layers => { layers.PolygonSettings(polygon => { polygon.Polygons(polygons).HighlightSettings(highlight).SelectionSettings(selection); }).ShapeData(ViewBag.world_map).Add(); }).Render())

‎ej2-asp-core-mvc/code-snippet/maps/polygon/polygon-shape-highlight/tagHelper

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
@using Syncfusion.EJ2.Maps
2+
3+
@{
4+
var data = new[]
5+
{
6+
new { longitude = -1.8920678947185365, latitude = 35.06195799239681 },
7+
new { longitude = -1.6479633699113947, latitude = 33.58989612266137 },
8+
new { longitude = -1.4201220366858252, latitude = 32.819439646045254 },
9+
new { longitude = -1.197974596225663, latitude = 32.26940895444655 },
10+
new { longitude = -2.891112397949655, latitude = 32.10303058820031 },
11+
new { longitude = -3.8246984550501963, latitude = 31.34551662687602 },
12+
new { longitude = -3.720166273688733, latitude = 30.758086682848685 },
13+
new { longitude = -5.6571886081189575, latitude = 29.613582597203006 },
14+
new { longitude = -7.423353242214745, latitude = 29.44328441403087 },
15+
new { longitude = -8.6048931685323, latitude = 28.761444633616776 },
16+
new { longitude = -8.695726975465703, latitude = 27.353491085576195 },
17+
new { longitude = 3.837867279970908, latitude = 19.15916564839422 },
18+
new { longitude = 6.0705408799045415, latitude = 19.48749097192868 },
19+
new { longitude = 12.055736352807713, latitude = 23.694596786078293 },
20+
new { longitude = 11.272522332402986, latitude = 24.289329186946034 },
21+
new { longitude = 10.30872578261932, latitude = 24.65419958524693 },
22+
new { longitude = 9.910236690050027, latitude = 25.48943950947175 },
23+
new { longitude = 9.432639882414293, latitude = 26.398372489836902 },
24+
new { longitude = 9.898266456582292, latitude = 26.73489453809293 },
25+
new { longitude = 9.560243026853641, latitude = 30.31040379467153 },
26+
new { longitude = 8.943853847283322, latitude = 32.350324876652195 },
27+
new { longitude = 7.57004059025715, latitude = 33.75071049019398 },
28+
new { longitude = 8.0906322609153, latitude = 34.69043151009983 },
29+
new { longitude = 8.363285449347273, latitude = 35.38654406371319 },
30+
new { longitude = 8.26139549449448, latitude = 36.44751078733985 },
31+
new { longitude = 8.61100824823302, latitude = 36.881913362940196 },
32+
new { longitude = 7.4216488925819135, latitude = 37.021408008916254 },
33+
new { longitude = 6.461182254165351, latitude = 36.99092409199429 },
34+
new { longitude = 5.297178918070159, latitude = 36.69985479014656 },
35+
new { longitude = 3.6718056161224695, latitude = 36.86470546831693 },
36+
new { longitude = 1.2050052555659931, latitude = 36.57658056301722 },
37+
new { longitude = -0.26968570003779746, latitude = 35.806903541813625 },
38+
new { longitude = -0.995191786435754, latitude = 35.58466127904214 },
39+
new { longitude = -1.8920678947185365, latitude = 35.06195799239681 }
40+
};
41+
42+
43+
var polygons = new List<Syncfusion.EJ2.Maps.MapsPolygon>
44+
{
45+
new MapsPolygon{ Points=data, Fill="blue", Opacity=0.7, BorderColor="green", BorderOpacity=0.7, BorderWidth=2 }
46+
};
47+
48+
var highlight = new Syncfusion.EJ2.Maps.MapsHighlightSettings
49+
{
50+
Enable = true, Fill = "yellow", Opacity = 0.4,
51+
Border = new MapsBorder
52+
{
53+
Color ="blue",
54+
Opacity = 0.6,
55+
Width=4
56+
}
57+
};
58+
59+
var selection = new Syncfusion.EJ2.Maps.MapsSelectionSettings
60+
{
61+
Enable = true,
62+
Fill = "red",
63+
EnableMultiSelect = false,
64+
Opacity = 0.7,
65+
Border = new MapsBorder
66+
{
67+
Color = "green",
68+
Opacity = 0.7,
69+
Width = 2
70+
}
71+
};
72+
73+
}
74+
75+
<ejs-maps id="maps">
76+
<e-maps-layers>
77+
<e-maps-layer shapeData="ViewBag.worldmap" >
78+
<e-layersettings-polygonsettings polygons="polygons" highlightsettings="highlight" selectionsettings="selection">
79+
</e-layersettings-polygonsettings>
80+
</e-maps-layer>
81+
</e-maps-layers>
82+
</ejs-maps>

‎ej2-asp-core-mvc/code-snippet/maps/polygon/polygon-shape-selection/polygon-shape-selection.cs

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
using Newtonsoft.Json;
2+
using Syncfusion.EJ2.Charts;
3+
4+
namespace EJ2_Core_Application.Controllers
5+
{
6+
public class HomeController : Controller
7+
{
8+
public IActionResult Index()
9+
{
10+
ViewBag.worldmap = GetWorldMap();
11+
ViewBag.world_map = GetMap();
12+
return View();
13+
}
14+
15+
// To access the data in Core
16+
public object GetWorldMap()
17+
{
18+
string allText = System.IO.File.ReadAllText("./wwwroot/scripts/MapsData/WorldMap.js");
19+
return JsonConvert.DeserializeObject(allText);
20+
}
21+
22+
// To access the data in MVC
23+
public object GetMap()
24+
{
25+
string allText = System.IO.File.ReadAllText(Server.MapPath("~/App_Data/WorldMap.json"));
26+
return JsonConvert.DeserializeObject(allText, typeof(object));
27+
}
28+
}
29+
}

‎ej2-asp-core-mvc/code-snippet/maps/polygon/polygon-shape-selection/razor

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
@using Syncfusion.EJ2.Maps;
2+
3+
@{
4+
var data = new[]
5+
{
6+
new { longitude = -1.8920678947185365, latitude = 35.06195799239681 },
7+
new { longitude = -1.6479633699113947, latitude = 33.58989612266137 },
8+
new { longitude = -1.4201220366858252, latitude = 32.819439646045254 },
9+
new { longitude = -1.197974596225663, latitude = 32.26940895444655 },
10+
new { longitude = -2.891112397949655, latitude = 32.10303058820031 },
11+
new { longitude = -3.8246984550501963, latitude = 31.34551662687602 },
12+
new { longitude = -3.720166273688733, latitude = 30.758086682848685 },
13+
new { longitude = -5.6571886081189575, latitude = 29.613582597203006 },
14+
new { longitude = -7.423353242214745, latitude = 29.44328441403087 },
15+
new { longitude = -8.6048931685323, latitude = 28.761444633616776 },
16+
new { longitude = -8.695726975465703, latitude = 27.353491085576195 },
17+
new { longitude = 3.837867279970908, latitude = 19.15916564839422 },
18+
new { longitude = 6.0705408799045415, latitude = 19.48749097192868 },
19+
new { longitude = 12.055736352807713, latitude = 23.694596786078293 },
20+
new { longitude = 11.272522332402986, latitude = 24.289329186946034 },
21+
new { longitude = 10.30872578261932, latitude = 24.65419958524693 },
22+
new { longitude = 9.910236690050027, latitude = 25.48943950947175 },
23+
new { longitude = 9.432639882414293, latitude = 26.398372489836902 },
24+
new { longitude = 9.898266456582292, latitude = 26.73489453809293 },
25+
new { longitude = 9.560243026853641, latitude = 30.31040379467153 },
26+
new { longitude = 8.943853847283322, latitude = 32.350324876652195 },
27+
new { longitude = 7.57004059025715, latitude = 33.75071049019398 },
28+
new { longitude = 8.0906322609153, latitude = 34.69043151009983 },
29+
new { longitude = 8.363285449347273, latitude = 35.38654406371319 },
30+
new { longitude = 8.26139549449448, latitude = 36.44751078733985 },
31+
new { longitude = 8.61100824823302, latitude = 36.881913362940196 },
32+
new { longitude = 7.4216488925819135, latitude = 37.021408008916254 },
33+
new { longitude = 6.461182254165351, latitude = 36.99092409199429 },
34+
new { longitude = 5.297178918070159, latitude = 36.69985479014656 },
35+
new { longitude = 3.6718056161224695, latitude = 36.86470546831693 },
36+
new { longitude = 1.2050052555659931, latitude = 36.57658056301722 },
37+
new { longitude = -0.26968570003779746, latitude = 35.806903541813625 },
38+
new { longitude = -0.995191786435754, latitude = 35.58466127904214 },
39+
new { longitude = -1.8920678947185365, latitude = 35.06195799239681 }
40+
};
41+
42+
43+
var polygons = new List<Syncfusion.EJ2.Maps.MapsPolygon>
44+
{
45+
new Syncfusion.EJ2.Maps.MapsPolygon{ Points=data, Fill="blue", Opacity=0.7, BorderColor="green", BorderOpacity=0.7, BorderWidth=2 }
46+
};
47+
48+
var highlight = new Syncfusion.EJ2.Maps.MapsHighlightSettings
49+
{
50+
Enable = true, Fill = "blue", Opacity = 0.7,
51+
Border = new MapsBorder
52+
{
53+
Color ="green",
54+
Opacity = 0.7,
55+
Width=2
56+
}
57+
};
58+
59+
var selection = new Syncfusion.EJ2.Maps.MapsSelectionSettings
60+
{
61+
Enable = true,
62+
Fill = "violet",
63+
EnableMultiSelect = false,
64+
Opacity = 0.8,
65+
Border = new MapsBorder
66+
{
67+
Color = "cyan",
68+
Opacity = 1,
69+
Width = 7
70+
}
71+
};
72+
}
73+
74+
@(Html.EJS().Maps("maps").Layers(layers => { layers.PolygonSettings(polygon => { polygon.Polygons(polygons).HighlightSettings(highlight).SelectionSettings(selection); }).ShapeData(ViewBag.world_map).Add(); }).Render())

‎ej2-asp-core-mvc/code-snippet/maps/polygon/polygon-shape-selection/tagHelper

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
@using Syncfusion.EJ2.Maps
2+
3+
@{
4+
var data = new[]
5+
{
6+
new { longitude = -1.8920678947185365, latitude = 35.06195799239681 },
7+
new { longitude = -1.6479633699113947, latitude = 33.58989612266137 },
8+
new { longitude = -1.4201220366858252, latitude = 32.819439646045254 },
9+
new { longitude = -1.197974596225663, latitude = 32.26940895444655 },
10+
new { longitude = -2.891112397949655, latitude = 32.10303058820031 },
11+
new { longitude = -3.8246984550501963, latitude = 31.34551662687602 },
12+
new { longitude = -3.720166273688733, latitude = 30.758086682848685 },
13+
new { longitude = -5.6571886081189575, latitude = 29.613582597203006 },
14+
new { longitude = -7.423353242214745, latitude = 29.44328441403087 },
15+
new { longitude = -8.6048931685323, latitude = 28.761444633616776 },
16+
new { longitude = -8.695726975465703, latitude = 27.353491085576195 },
17+
new { longitude = 3.837867279970908, latitude = 19.15916564839422 },
18+
new { longitude = 6.0705408799045415, latitude = 19.48749097192868 },
19+
new { longitude = 12.055736352807713, latitude = 23.694596786078293 },
20+
new { longitude = 11.272522332402986, latitude = 24.289329186946034 },
21+
new { longitude = 10.30872578261932, latitude = 24.65419958524693 },
22+
new { longitude = 9.910236690050027, latitude = 25.48943950947175 },
23+
new { longitude = 9.432639882414293, latitude = 26.398372489836902 },
24+
new { longitude = 9.898266456582292, latitude = 26.73489453809293 },
25+
new { longitude = 9.560243026853641, latitude = 30.31040379467153 },
26+
new { longitude = 8.943853847283322, latitude = 32.350324876652195 },
27+
new { longitude = 7.57004059025715, latitude = 33.75071049019398 },
28+
new { longitude = 8.0906322609153, latitude = 34.69043151009983 },
29+
new { longitude = 8.363285449347273, latitude = 35.38654406371319 },
30+
new { longitude = 8.26139549449448, latitude = 36.44751078733985 },
31+
new { longitude = 8.61100824823302, latitude = 36.881913362940196 },
32+
new { longitude = 7.4216488925819135, latitude = 37.021408008916254 },
33+
new { longitude = 6.461182254165351, latitude = 36.99092409199429 },
34+
new { longitude = 5.297178918070159, latitude = 36.69985479014656 },
35+
new { longitude = 3.6718056161224695, latitude = 36.86470546831693 },
36+
new { longitude = 1.2050052555659931, latitude = 36.57658056301722 },
37+
new { longitude = -0.26968570003779746, latitude = 35.806903541813625 },
38+
new { longitude = -0.995191786435754, latitude = 35.58466127904214 },
39+
new { longitude = -1.8920678947185365, latitude = 35.06195799239681 }
40+
};
41+
42+
43+
var polygons = new List<Syncfusion.EJ2.Maps.MapsPolygon>
44+
{
45+
new MapsPolygon{ Points=data, Fill="blue", Opacity=0.7, BorderColor="green", BorderOpacity=0.7, BorderWidth=2 }
46+
};
47+
48+
var highlight = new Syncfusion.EJ2.Maps.MapsHighlightSettings
49+
{
50+
Enable = true, Fill = "blue", Opacity = 0.7,
51+
Border = new MapsBorder
52+
{
53+
Color ="green",
54+
Opacity = 0.7,
55+
Width=2
56+
}
57+
};
58+
59+
var selection = new Syncfusion.EJ2.Maps.MapsSelectionSettings
60+
{
61+
Enable = true,
62+
Fill = "violet",
63+
EnableMultiSelect = false,
64+
Opacity = 0.8,
65+
Border = new MapsBorder
66+
{
67+
Color = "cyan",
68+
Opacity = 1,
69+
Width = 7
70+
}
71+
};
72+
73+
}
74+
75+
<ejs-maps id="maps">
76+
<e-maps-layers>
77+
<e-maps-layer shapeData="ViewBag.worldmap" >
78+
<e-layersettings-polygonsettings polygons="polygons" highlightsettings="highlight" selectionsettings="selection">
79+
</e-layersettings-polygonsettings>
80+
</e-maps-layer>
81+
</e-maps-layers>
82+
</ejs-maps>

0 commit comments

Comments
 (0)