Skip to main content

dxMap

Namespace: Wisej.Web.Ext.DevExtreme

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

The Map is an interactive widget that displays a geographic map with markers and routes.

public class dxMap : dxBase

Constructors​

Instance member dxMap()​

Constructs a new instance of the dxMap class.

Example:

The following example creates a map centered on a location. The map provider requires a valid API key.

var map = new dxMap();
map.Options.provider = "google";
map.Options.apiKey = "YOUR_API_KEY";
map.Options.center = "40.7061, -73.9969";
map.Options.zoom = 14;
map.Options.controls = true;
map.Dock = DockStyle.Fill;
this.Controls.Add(map);

Instance member dxMap(options)​

Constructs a new instance of the dxMap class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a map with two markers that display a tooltip.

var map = new dxMap(new
{
provider = "google",
apiKey = "YOUR_API_KEY",
zoom = 11,
center = "40.7128, -74.0060",
markers = new[]
{
new { location = "40.7061, -73.9969", tooltip = new { text = "Brooklyn Bridge" } },
new { location = "40.7484, -73.9857", tooltip = new { text = "Empire State Building" } }
}
});
map.Dock = DockStyle.Fill;
this.Controls.Add(map);

Implements​