Create Thematic Maps in Visual Studio LightSwitch with Infragistics Geospatial Map

Some people ask about how to use Infragistics Geospatial Map in Visual Studio LightSwitch. This is a component that uses a collection based data source. It is intended to generate thematic maps as data collection data source, not the spatial data.

This component offers two-way communication between elements of the collection and the items on the map. If you select an item from List or DataGrid on the same screen will select the item on the map - just as Infragistics Map Control (Value Based)
for Visual Studio LightSwitch.

This component offers two-way communication between elements of the collection and the items on the map. If you select an item from List or DataGrid on the same screen will select the item on the map - just as Infragistics Map Control (Value Based)
for Visual Studio LightSwitch. In contrast to this control, however Infragistics Geospatial Map available when selecting an item from the map to select the corresponding element of the data source collection.

This article demonstrates how to understand Infragistics Geospatial Map, creating a demo application.

Sample application is based on the application, used in the part 3 of the article Understanding NetAdvantage for Visual Studio LightSwitch.

Steps to implement the sample

• Import the “world” table in Northwind database
• Update NorthwindData data source in the startup project, adding table world.
• Add a new List and Detail Screen named “WorldCountriesDetails”.
• Add and configure Infragistics Geospatial Map

For startup project is used the sample from the part 3 of the article Understanding NetAdvantage for Visual Studio LightSwitch.

You can download the sample here.

Import via Microsoft SQL Server Management studio attached to this article script to create a table, named world in Northwind database.

For this article, the application uses Infragistics Orange Theme

Update NorthwindData data source in the startup project, adding table world.

Add a new List and Detail Screen named “WorldCountriesDetails”, based on worlds collection.

Change the MapControl SourceUriString to “ShapeFiles\World\Cntry00”. On data sources that control settings are the same as Infragistics Map Control. More details can be found here.

Add a second worlds collection and use of this time visualization Infragistics Geospatial Map. Leave only the fields "CNTRY NAME" and "POP CNTRY". Turn on "Show Navigation".

For the field "CNTRY NAME" select value "Name" for DataMapping Item property.

For the field "POP CNTRY" select value "Value" for DataMapping Item property

Select the worlds collection and uncheck “Support Paging” property. Otherwise you will receive firstly only the items from the first page and the thematic map will not be correct until load the last page from the source collection

Run the application and select “Argentina” and “Italy” from a DataGrid control in the screen.

Corresponding map elements will be highlighted.

Select “Greece” from the Infragistics Geospatial Map control. Corresponding element in the DataGrid will be selected.

Stop the application.

Add “ID” field under DataMappings for the Infragistics Geospatial Map.

For "POP CNTRY" filed change the value for DataMapping Item property to “ToolTip”

For the field "ID" select value "Value" for DataMapping Item property. For the Infragistics Geospatial Map change the Highlight Color property  to Orange.

Run the application. Now thematic map is based on the values from “ID” field.

Change screen properties:

• Add a key for BingMaps Key property.
• Check Use Tile Source property
• Uncheck Zoom to Selection property

Save changes.

Now you have thematic map with a beautiful street map from BingMaps.

When select an element from the map now selected element is highlighted without zoom around it.

SQL script, that creates world table could be downloaded here:

Sample application  is available here: