We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The WPF Map control is a powerful data visualization component that displays statistical information for a geographical area. It’s highly interactive and customizable features include zooming, panning, selecting, markers, legends, bubbles, and color mapping. Use this control, to render sales, political-boundary, weather, electoral, and route maps.


WPF Maps code example

Easily get started with the WPF Maps using a few simple lines of XAML or C# code example as demonstrated below. Also explore the WPF Map example that shows how to render and configure the Maps in WPF.

<Window xmlns:local="clr-namespace:MapsExample"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf">
    <syncfusion:SfMap>
        <syncfusion:SfMap.DataContext>
            <local:ViewModel />
        </syncfusion:SfMap.DataContext>
        <syncfusion:SfMap.Layers>
            <syncfusion:ShapeFileLayer ItemsSource="{Binding ElectionResults}"
                                       ShapeIDPath="State"
                                       ShapeIDTableField="STATE_NAME"
                                       Uri="GettingStarted.ShapeFiles.usa_states.shp">
                <syncfusion:ShapeFileLayer.ShapeSettings>
                    <syncfusion:ShapeSetting ShapeValuePath="Electors" />
                </syncfusion:ShapeFileLayer.ShapeSettings>
            </syncfusion:ShapeFileLayer>
        </syncfusion:SfMap.Layers>
    </syncfusion:SfMap>
</Window>
public class Model
{
    public string State { get; set; }
    public string Candidate { get; set; }
    public double Electors { get; set; }
}

public class ViewModel
{
    public ObservableCollection<Model> ElectionResults { get; set; }

    public ViewModel()
    {
        ElectionResults = new ObservableCollection<Model>
        {
            new Model { State = "Alabama", Candidate = "Romney", Electors = 9 },
            new Model { State = "Alaska", Candidate = "Romney", Electors = 3 },
            new Model { State = "Arizona", Candidate = "Romney", Electors = 11 },
            new Model { State = "Arkansas", Candidate = "Romney", Electors = 6 },
            new Model { State = "California", Candidate = "Obama", Electors = 55 }
        };
    }
}

Shape layers

Render geographical shapes or custom shapes in WPF Maps component.

WPF Map data

Data

Bind shapefiles (.shp) and GeoJSON (.json) data to maps to render any geometric shape.

Customizing shapes in WPF Map

Customization

Customize the default style of a shape using color, stroke, and thickness properties.

Adding custom shapes in WPF Map

Custom shapes

Render any custom shape to represent building infrastructure, sports stadiums, plane or bus seat arrangements, and more.

Add a sublayer over a main layer in WPF Map

Sublayer

Load multiple shape files in a single map view. For example, add a sublayer over a main shape layer to view geographic features of a country such as rivers, valleys, and cities in a map.


Imagery layers

Built-in support for external imagery services, such as Bing Maps and OpenStreetMap, to visualize satellite, aerial, street map, and other imagery tiles without using shapefiles. Apart from Bing Maps and OpenStreetMap, render maps from other map providers such as Google Maps and TomTom.

WPF Map shows OpenStreetMap support using imagery services

OpenStreetMap (OSM)

OpenStreetMap (OSM) is a map of the world built by a community of mapmakers that is free to use under an open license. It allows users to view geographical data from anywhere on the earth.

WPF Map showing Bing Maps support using imagery services

Bing Maps

Bing Maps, owned by Microsoft, is a map of the entire world. It supports three types of map views: Aerial, Aerial with Labels, and Road.

WPF Map showing auto zoom support using imagery services

Auto zoom

Set the initial zoom level automatically based on map Geo-bounds or distance (km/miles) from the GeoPoint center value.


Data labels

Easily annotate WPF Map shapes with labels to improve the readability of a particular shape’s name. Customize the look and feel of default labels using font style, size, and color properties.

Customize data labels in WPF Map.


Heat map

Produce a heat map by customizing shape colors based on the underlying shape value.

Equal color mapping support for WPF Map.

Equal color mapping

Equal color mapping differentiates a shape’s fill color based on its underlying value and color. For example, apply colors to states based on their winning political candidates.

Range color mapping support for WPF Map

Range color mapping

Apply colors to shapes by comparing their values with desired numeric ranges. For example, apply colors to states based on their population density.


Map markers

Markers denote a place with symbols, like pins, or display a message at specific coordinates on a map.

Different types of markers in WPF Map

Marker types

Set the marker type to built-in shapes such as circles, diamonds, rectangles, or squares to highlight a place.

Customer annotation support in WPF Map

Custom markers

Customize markers by adding images or any custom shape to highlight a location.


Map bubbles

Bubbles are used to add information to shapes, such as population density, land area, and more. They are rendered with various magnitudes and colors based on the underlying data values of the shapes.

Customizing bubble colors in WPF Map

Color customization

Customize the default color of a bubble and its transparency using fill and opacity properties.

Customize bubble size in WPF Map

Size customization

Customize the minimum and maximum bubble size to enhance its readability.


Map legend

Legends provide valuable information for interpreting maps using colors, shapes, or other identifiers based on data.

WPF Map showing customized legend position

Legend position

Move a legend to any position inside the WPF Maps.

WPF Map showing customized legend icons

Icon customization

The default size of a legend icon can be customized.


User interactions

Interactive features, such as selecting, zooming, and panning, greatly enhance the user experience.

WPF Map showing selection functionality while tapping shapes

Selection

Select or highlight an area or shape to center the view over that area on a map.

WPF Map showing zooming and panning functionality

Zooming and panning

Zooming allows users to get a closer look at a particular area and panning allows users to move a map around to focus on a specific area.

Tooltip

WPF Map tooltip showing informaton about tapped elements

Display a pop-up with additional information about the shapes, markers, and bubbles when hovering over map elements.


WPF Maps code example

Easily get started with the WPF Maps using a few simple lines of XAML or C# code example as demonstrated below. Also explore the WPF Map example that shows how to render and configure the Maps in WPF.

<Window xmlns:local="clr-namespace:MapsExample"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf">
    <syncfusion:SfMap>
        <syncfusion:SfMap.DataContext>
            <local:ViewModel />
        </syncfusion:SfMap.DataContext>
        <syncfusion:SfMap.Layers>
            <syncfusion:ShapeFileLayer ItemsSource="{Binding ElectionResults}"
                                       ShapeIDPath="State"
                                       ShapeIDTableField="STATE_NAME"
                                       Uri="GettingStarted.ShapeFiles.usa_states.shp">
                <syncfusion:ShapeFileLayer.ShapeSettings>
                    <syncfusion:ShapeSetting ShapeValuePath="Electors" />
                </syncfusion:ShapeFileLayer.ShapeSettings>
            </syncfusion:ShapeFileLayer>
        </syncfusion:SfMap.Layers>
    </syncfusion:SfMap>
</Window>
public class Model
{
    public string State { get; set; }
    public string Candidate { get; set; }
    public double Electors { get; set; }
}

public class ViewModel
{
    public ObservableCollection<Model> ElectionResults { get; set; }

    public ViewModel()
    {
        ElectionResults = new ObservableCollection<Model>
        {
            new Model { State = "Alabama", Candidate = "Romney", Electors = 9 },
            new Model { State = "Alaska", Candidate = "Romney", Electors = 3 },
            new Model { State = "Arizona", Candidate = "Romney", Electors = 11 },
            new Model { State = "Arkansas", Candidate = "Romney", Electors = 6 },
            new Model { State = "California", Candidate = "Obama", Electors = 55 }
        };
    }
}



95+ WPF CONTROLS

Frequently Asked Questions

The Syncfusion WPF Maps control provides the following:- Ability to render geometric or custom shapes using the shapefile data(.shp).- Support to render maps from the various web map tile providers like Bing, OSM, Google maps, etc.- Support to add markers on maps at the specified latitude and longitude position.- Smooth zooming and panning.- One of the best WPF Maps in the market that offers feature-rich UI to interact with the software.- Simple configuration and API.- Touch-friendly and responsive.- Expansive learning resources such as demos and documentation to learn quickly and get started with WPF Maps.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

You can find our WPF Maps demo on GitHub.

App center location.

Microsoft location.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version Download Free Trial

Syncfusion WPF Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile