Telerik Reporting R1 2017

How to: Setup a Map Using the Map Wizard

In this how-to article we will show you how to create a Map which will present the sales distribution by products among several states using the Adventure Works sample database and the Standalone Report Designer.

Important note Important

This article assumes that you have obtained a valid Location Provider key to authenticate your geocoding requests. If you don't want to use a location provider, you need to provide the geographical coordinates of your points yourself and setup the MapSeries accordingly. For more information please take a look at the Location Providers article.

  1. Start the Map Wizard:

    • If you create a new report, select the Map Wizard icon from the Available Templates page.

      Item Template Map Wizard
    • If you want to add the Map item to an existing report, you have to select the Map item from the Insert menu. This will bring up the Map Wizard which will guide you through the creation process.

      Insert Menu Select Map
  2. On the Choose Data Source page, add new SqlDataSource:

    • Set the connection string to the demo AdventureWorks database.

    • Paste the following query in the Select Statement box:

      PS.Name AS ProductSubCategory,
      SP.Name + ', ' + CR.Name AS State,
      SOD.LineTotal as LineTotal
      Production.Product AS P
      INNER JOIN Production.ProductSubcategory AS PS ON P.ProductSubcategoryID = PS.ProductSubcategoryID
      INNER JOIN Production.ProductCategory AS PC ON PS.ProductCategoryID = PC.ProductCategoryID
      INNER JOIN Sales.SalesOrderDetail AS SOD ON P.ProductID = SOD.ProductID
      INNER JOIN Sales.SalesOrderHeader AS SOH ON SOD.SalesOrderID = SOH.SalesOrderID
      INNER JOIN Person.Address AS ADDR ON ADDR.AddressID = SOH.ShipToAddressID
      INNER JOIN Person.StateProvince AS SP ON SP.StateProvinceID = ADDR.StateProvinceID
      INNER JOIN Person.CountryRegion AS CR ON CR.CountryRegionCode = SP.CountryRegionCode
      CR.Name IN ('Australia')
      AND DATEPART(YEAR, SOH.OrderDate) IN (2003, 2004)
      AND PC.Name = 'Bikes'
    • You can click on Execute Query... just to check if everything is OK with the database connection. Click Finish when you are ready.

  3. In the Available data sources list you should see the datasource you've already created. Select it and click Next.

  4. In the next page you have to select the fields which will be used to build the map charts.

    Note Note

    Since the map will use a Location Provider, there is no need to provide the Latitude and Longitude coordinates by yourself, so you can left these boxes empty and just define a location group, which will set the the geocoding string.

    • Select the Pie Chart radiobutton from the Datapoints type box.

    • Select the ProductSubCategory field and drag it to the Series (color) box.

    • Select the State field and drag it to Categories (location) box.

    • Select the LineTotal field and drag it to Size box, where it will be transformed to


    Your Arrange map fields page should look like the one shown below:

    Arrange Map Fields

    Once the mandatory fields are set up, the Next button will get enabled and you can go to the next page.

  5. On the Choose a location provider page you have to select the location provider that will be used to geocode the State field that was dragged in the Categories (location) box on the previous page. Currently the supported providers are MapQuestOpenAPILocationProvider , MapQuestLocationProvider and BingLocationProvider. They both require a valid client token (key) to authenticate the geocoding requests that will be sent from the Map item. Once you have obtained the key, you should paste it in the Client token box, as shown below:

    ChooseALocation Provider
  6. When you click Finish, the Wizard will create the definition of the Map item, show it in the designer and will start to request the geocode and tiles information from the providers asynchronously. Initially it will take a few seconds to fetch all the data from the geocoding service, but the following requests should be executed faster. The tiles, needed to prepare the map background, will be displayed as they arrive, but the map will stay responsive and you can examine and change its definition. When finished, your map should look like this:

    Map Pie Chart Done

In this example we demonstrated how to setup a Map item from scratch, how to add PieChart series to it and how to initialize and use the Location Provider. All the described steps are valid for both Standalone Report Designer and Visual Studio Report Designer and can be reproduced with code as well.

See Also