How to: Use the OpenStreetMapDataProvider

• Jul 26, 2018

This lesson demonstrates how to create a simple map application which connects to the OpenStreetMap data provider.

Note

A complete sample project is available at: https://github.com/DevExpress-Examples/getting-started-lesson-2-connecting-a-map-control-to-openstreetmap-e4322

XAML

<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:OpenStreetMapLesson"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Map="using:DevExpress.UI.Xaml.Map"
    x:Class="OpenStreetMapLesson.MainPage"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

        <Map:MapControl >
            <Map:MapControl.Layers>
                <Map:ImageTilesLayer>
                    <Map:ImageTilesLayer.DataProvider>
                        <Map:OpenStreetMapDataProvider/>
                    </Map:ImageTilesLayer.DataProvider>
                </Map:ImageTilesLayer>
            </Map:MapControl.Layers>
        </Map:MapControl>

    </Grid>
</Page>

XAML

<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:OpenStreetMapLesson"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Map="using:DevExpress.UI.Xaml.Map"
    x:Class="OpenStreetMapLesson.MainPage"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

        <Map:MapControl >
            <Map:MapControl.Layers>
                <Map:ImageTilesLayer>
                    <Map:ImageTilesLayer.DataProvider>
                        <Map:OpenStreetMapDataProvider/>
                    </Map:ImageTilesLayer.DataProvider>
                </Map:ImageTilesLayer>
            </Map:MapControl.Layers>
        </Map:MapControl>


    </Grid>
</Page>