Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxMapLocation<T>.GeoPosition Property

Specifies the location’s geographic position.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue("")]
[Parameter]
public string GeoPosition { get; set; }

#Property Value

Type Default Description
String String.Empty

The geographic position.

#Remarks

You can specify the GeoPosition property value in one of the following formats:

  • "40.749825, -73.987963"
  • "Brooklyn Bridge,New York,NY"

Alternatively, you can use Latitude and Longitude properties to specify the location.

razor
<DxMap Zoom="15" Provider="MapProvider.Google" Width="950px" Height="450px" >
    <DxMapApiKeys Google="@MapApiKeyProvider.GetGoogleProviderKey()" />
    <DxMapRoutes>
        <DxMapRoute Mode="MapRouteMode.Walking">
            <DxMapRouteLocations>
                <DxMapRouteLocation GeoPosition="St. Paul's Cathedral,London" />
                <DxMapRouteLocation GeoPosition="51.505457,-0.090756" />
                <DxMapRouteLocation Latitude="51.504682" Longitude="-0.076422" />
            </DxMapRouteLocations>
        </DxMapRoute>
    </DxMapRoutes>
    <DxMapMarkers>
        <DxMapMarker>
            <DxMapMarkerLocation GeoPosition="St. Paul's Cathedral,London" />
            <DxMapMarkerTooltip Text="St. Paul's Cathedral" />
        </DxMapMarker>
        <DxMapMarker>
            <DxMapMarkerLocation GeoPosition="51.505457,-0.090756" />
            <DxMapMarkerTooltip Text="Borough Market" />
        </DxMapMarker>
        <DxMapMarker>
            <DxMapMarkerLocation Latitude="51.504682" Longitude="-0.076422" />
            <DxMapMarkerTooltip Text="Tower Bridge" />
        </DxMapMarker>
    </DxMapMarkers>
</DxMap>

map with route

See Also