Hi Alex,
Thank you for contacting Syncfusion support.
We can render the map providers to street level by zooming it using the ZoomFactor property in MapsZoomSettings class in the Maps component. The map can be positioned to street level using Latitude and Longitude properties in the MapsCenterPosition class in the component. We can include the markers in the map using MapsMarker class. Please find the code snippet below to render the OSM map to street level with markers.
Code Snippet:
|
<SfMaps>
<MapsZoomSettings Enable="true" ZoomFactor="11"></MapsZoomSettings>
<MapsCenterPosition Latitude="40.7209" Longitude="-73.9680"></MapsCenterPosition>
<MapsLayers>
<MapsLayer LayerType="ShapeLayerType.OSM" TValue="string">
<MapsMarkerSettings>
<MapsMarker Visible="true" TValue="Marker" DataSource="MarkerDataSource" Shape="MarkerType.Image" ImageUrl="/styles/images/maps/ballon.png" Height="30" Width="30"></MapsMarker>
</MapsMarkerSettings>
</MapsLayer>
</MapsLayers>
</SfMaps> |
We have created a simple Blazor application to demonstrate the same and it can be downloaded from the following link.
Please let us know if the above sample meets your requirement.
Regards,
Swetha Babu
