How to: Connect a Map Control to the OpenStreetMap Search Service

• Nov 13, 2018

This example demonstrates how to add an image layer displaying map tiles from the OSM service and an information layer that searches for a place on the map using the OSM search service. It uses the following classes:

Class	Description
ImageLayer	Displays map images obtained from map image data providers.
OpenStreetMapDataProvider	The class that loads map images from a web resource that provides data in the OpenStreetMap format.
InformationLayer	A layer that is used to display additional information above the map.
OsmSearchDataProvider	Provides the search options using the Open Street Map service.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-use-the-openstreetmap-search-service-via-the-map-control-t629598

MainForm.cs

private void OnFormLoad(object sender, EventArgs e) {
    mapControl.Layers.AddRange(new LayerBase[] {
        new ImageLayer {
            DataProvider = new OpenStreetMapDataProvider {
                TileUriTemplate = "YOUR_WEB_SERVICE.com/{1}/{2}/{3}"
            }
        },
        new InformationLayer {
            DataProvider = new OsmSearchDataProvider { }
        }
    });
}

MainForm.vb

Private Sub OnFormLoad(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    mapControl.Layers.AddRange(New LayerBase() {
        New ImageLayer With {
            .DataProvider = New OpenStreetMapDataProvider With {
                .TileUriTemplate = "YOUR_WEB_SERVICE.com/{1}/{2}/{3}"
            }
        },
        New InformationLayer With {
            .DataProvider = New OsmSearchDataProvider
        }
    })
End Sub