Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
146103 | Jul 19,2019 04:28 PM UTC | Dec 18,2019 12:43 PM UTC | Blazor | 4 |
![]() |
Tags: Maps |
<MapsMarkerSettings>
<MapsMarker Visible='true' DataSource='@markerDataSource' Height="20" Width="20"
AnimationDuration='0' Shape='@Syncfusion.EJ2.Blazor.Maps.MarkerType.Balloon'>
</MapsMarker>
<MapsMarker Visible='true' DataSource='@marker1' Height="20" Width="20" Fill="blue"
AnimationDuration='0' Shape='@Syncfusion.EJ2.Blazor.Maps.MarkerType.Circle'>
</MapsMarker>
<MapsMarker Visible='true' DataSource='@marker2' Height="20" Width="20" Fill="orange"
AnimationDuration='0' Shape='@Syncfusion.EJ2.Blazor.Maps.MarkerType.Circle'>
</MapsMarker>
<MapsMarker Visible='true' DataSource='@marker3' Height="20" Width="20" Fill="pink"
AnimationDuration='0' Shape='@Syncfusion.EJ2.Blazor.Maps.MarkerType.Circle'>
</MapsMarker>
</MapsMarkerSettings>
public List<MapMarkerDataSource> markerDataSource = new List<MapMarkerDataSource> {
new MapMarkerDataSource{ latitude= 37.6276571, longitude= -122.4276688, name= "San Bruno" },
new MapMarkerDataSource{ latitude= 33.5302186, longitude= -117.7418381, name= "Laguna Niguel" },
new MapMarkerDataSource{ latitude= 40.7424509, longitude= -74.0081468, name= "New York" },
};
public List<MapMarker> marker1 = new List<MapMarker> {
new MapMarker { latitude= 50.32087157990324, longitude= 90.015625 }
};
public List<MapMarker> marker2 = new List<MapMarker> {
new MapMarker { latitude= -25.88583769986199, longitude= 134.296875 }
};
public List<MapMarker> marker3 = new List<MapMarker> {
new MapMarker { latitude= 16.97274101999902, longitude= 16.390625 }
}; |
let map: Maps = new Maps({
layers: [{
shapeData: world_map,
markerSettings: [{
visible: true,
shapeValuePath:'shape',
colorValuePath:'color',
dataSource: [
{ latitude: 49.95121990866204, longitude: 18.468749999999998, name:'Europe', color:'red', shape:'Triangle' },
// Add more
]
}],
}]
}); |
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.