Skip to main content

igMap

Namespace: Wisej.Web.Ext.Ignite

Assembly: Wisej.Web.Ext.Ignite (4.1.0.0)

The igMap is a HTML5 jQuery map control that can render data sets consisting of large number of geographic locations in shapes of markers, lines, polygons, and even as interactive bitmaps.

public class igMap : igBase

Constructors​

Instance member igMap()​

Constructs a new instance of the igMap class.

Example:

The following example creates a map that displays the OpenStreetMap tiles as the background.

var map = new igMap();
map.Options.backgroundContent = new { type = "openStreet" };
map.Options.overviewPlusDetailPaneVisibility = "visible";
map.Dock = DockStyle.Fill;
this.Controls.Add(map);

Instance member igMap(options)​

Constructs a new instance of the igMap class using the specified options.

NameTypeDescription
optionsObjectInitial set of options passed to the igMap widget: an anonymous object, a JSON string or a dynamic object.

Example:

The following example creates a map that displays a marker for each city in the data source.

var map = new igMap(new
{
backgroundContent = new { type = "openStreet" },
series = new[]
{
new
{
name = "cities",
type = "geographicSymbolSeries",
latitudeMemberPath = "Latitude",
longitudeMemberPath = "Longitude",
dataSource = new[]
{
new { Name = "Rome", Latitude = 41.9, Longitude = 12.5 },
new { Name = "Paris", Latitude = 48.86, Longitude = 2.35 }
}
}
}
});
map.Dock = DockStyle.Fill;
this.Controls.Add(map);

Implements​