Back to Devexpress

DxMapLocation<T>.GeoPosition Property

blazor-devexpress-dot-blazor-dot-base-dot-dxmaplocation-1.md

latest2.5 KB
Original Source

DxMapLocation<T>.GeoPosition Property

Specifies the location’s geographic position.

Namespace : DevExpress.Blazor.Base

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
StringString.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>

See Also

DxMapLocation<T> Class

DxMapLocation<T> Members

DevExpress.Blazor.Base Namespace