How to: Create a Custom Geocode Panel

• Jun 07, 2019
• 2 minutes to read

To implement a custom geocode panel do the following.

• Create an InformationLayer object and add it to the MapControl.Layers collection. Assign an instance of the BingGeocodeDataProvider class to the InformationLayer.DataProvider property. Specify the BingMapDataProviderBase.BingKey property of the provider.
• Create a custom geocode panel. In this example, this panel includes two text edits (for the Latitude and Longitude) and the Search button.
• Call the BingGeocodeDataProvider.RequestLocationInformation method. In this example, this method is called in the Search button click event handler.

Note

If you run the application, and see a window with the following error message: ”The specified Bing Maps key is invalid. To create a developer account, refer to https://www.microsoft.com/en-us/maps/create-a-bing-maps-key”, refer to the following tutorial: How to: Get a Bing Maps Key.

MainWindow.xaml.cs

public GeoPoint GeocodeTarget { get; private set; }

public MainWindow() {
    InitializeComponent();
    GeocodeTarget = new GeoPoint();
    DataContext = GeocodeTarget;
}

private void Button_Click(object sender, RoutedEventArgs e) {
    geocodeProvider.RequestLocationInformation(GeocodeTarget, null);
}

MainWindow.xaml

<dxlc:LayoutControl Orientation="Vertical" Margin="2, 2, 2, 2">
    <dxlc:LayoutGroup>
        <dxlc:LayoutItem Label="Latitude:">
            <dxe:SpinEdit x:Name="teLatitude" MinValue="-90" MaxValue="90" Increment="0.1" Value="{Binding Latitude, Mode=TwoWay}"/>
        </dxlc:LayoutItem>
        <dxlc:LayoutItem Label="Longitude:">
            <dxe:SpinEdit x:Name="teLongitude" MinValue="-180" MaxValue="180" Increment="0.1" Value="{Binding Longitude, Mode=TwoWay}"/>
        </dxlc:LayoutItem>
        <Button HorizontalAlignment="Center" VerticalAlignment="Top" Click="Button_Click" Content="Search"/>
    </dxlc:LayoutGroup>
    <dxlc:LayoutItem VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
        <dxm:MapControl>
            <dxm:ImageTilesLayer>
                <dxm:ImageTilesLayer.DataProvider>
                    <dxm:BingMapDataProvider BingKey="{Binding Source={StaticResource bingKey}}"/>
                </dxm:ImageTilesLayer.DataProvider>
            </dxm:ImageTilesLayer>
            <dxm:InformationLayer>
                <dxm:InformationLayer.DataProvider>
                    <dxm:BingGeocodeDataProvider x:Name="geocodeProvider"
                                                 BingKey="{Binding Source={StaticResource bingKey}}"/>
                </dxm:InformationLayer.DataProvider>
            </dxm:InformationLayer>
        </dxm:MapControl>
    </dxlc:LayoutItem>

</dxlc:LayoutControl>

MainWindow.xaml.vb

Private privateGeocodeTarget As GeoPoint
Public Property GeocodeTarget() As GeoPoint
    Get
        Return privateGeocodeTarget
    End Get
    Private Set(ByVal value As GeoPoint)
        privateGeocodeTarget = value
    End Set
End Property

Public Sub New()
    InitializeComponent()
    GeocodeTarget = New GeoPoint()
    DataContext = GeocodeTarget
End Sub

Private Sub Button_Click(ByVal sender As Object, ByVal e As RoutedEventArgs)
    geocodeProvider.RequestLocationInformation(GeocodeTarget, Nothing)
End Sub