private async Task <IEnumerable <Marker> > GetMarkers(IEnumerable <LatLngLiteral> coords, Map map) { var result = new List <Marker>(coords.Count()); var index = 1; foreach (var latLngLiteral in coords) { var marker = await Marker.CreateAsync(map1.JsRuntime, new MarkerOptions() { Position = latLngLiteral, Map = map, Label = $"Test {index++}", //Icon = new Icon() //{ // Url = "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png" //} //Icon = "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png" }); result.Add(marker); } return(result); }
private async Task AddMarkerStyled() { var mapCenter = await map1.InteropObject.GetCenter(); ZIndex++; var marker = await Marker.CreateAsync(map1.JsRuntime, new MarkerOptions() { Position = mapCenter, Map = map1.InteropObject, ZIndex = ZIndex, //Icon = new Symbol() //{ // Path = "M10.453 14.016l6.563-6.609-1.406-1.406-5.156 5.203-2.063-2.109-1.406 1.406zM12 2.016q2.906 0 4.945 2.039t2.039 4.945q0 1.453-0.727 3.328t-1.758 3.516-2.039 3.070-1.711 2.273l-0.75 0.797q-0.281-0.328-0.75-0.867t-1.688-2.156-2.133-3.141-1.664-3.445-0.75-3.375q0-2.906 2.039-4.945t4.945-2.039z" //}, //Note that font properties are overriden in class //Please be cautious about versioning issues and some issues when using other tools //https://developers.google.com/maps/documentation/javascript/reference/marker#MarkerLabel.className Label = new MarkerLabel { Text = $"Test {markers.Count()}", FontWeight = "bold", Color = "#5B32FF", FontSize = "24", ClassName = "map-marker-label", }, }); markers.Push(marker); return; }
private async Task AddMarker() { var mapCenter = await map1.InteropObject.GetCenter(); ZIndex++; var marker = await Marker.CreateAsync(map1.JsRuntime, new MarkerOptions() { Position = mapCenter, Map = map1.InteropObject, //Label = $"Test {markers.Count}", ZIndex = ZIndex, //CollisionBehavior = CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY,//2021-07 supported only in beta google maps version //Animation = Animation.Bounce //Icon = new Icon() //{ // Url = "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png" //} //Icon = "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png" }); markers.Push(marker); //return; await bounds.Extend(mapCenter); var icon = await marker.GetIcon(); Console.WriteLine($"Get icon result type is : {icon.Value?.GetType()}"); icon.Switch( s => Console.WriteLine(s), i => Console.WriteLine(i.Url), _ => { }); markers.Push(marker); await marker.AddListener <MouseEvent>("click", async e => { var markerLabel = await marker.GetLabel(); _events.Add("click on " + markerLabel); StateHasChanged(); await e.Stop(); }); }
private async Task AddMarker() { var mapCenter = await map1.InteropObject.GetCenter(); var marker = await Marker.CreateAsync(map1.JsRuntime, new MarkerOptions() { Position = mapCenter, Map = map1.InteropObject, Label = $"Test {markers.Count}", //Animation = Animation.Bounce //Icon = new Icon() //{ // Url = "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png" //} //Icon = "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png" }); markers.Push(marker); return; await bounds.Extend(mapCenter); var icon = await marker.GetIcon(); Console.WriteLine($"Get icon result type is : {icon.Value.GetType()}"); icon.Switch( s => Console.WriteLine(s), i => Console.WriteLine(i.Url), _ => { }); markers.Push(marker); await marker.AddListener <MouseEvent>("click", async e => { var markerLabel = await marker.GetLabel(); _events.Add("click on " + markerLabel); StateHasChanged(); await e.Stop(); }); }
public async Task RenderMap(Graph <VertexInfo, EdgeInfo> graph) { await ClearMap(); // Add markers for each vertex foreach (var vertex in graph.Vertices) { _markers.Add(await Marker.CreateAsync(_map.JsRuntime, new MarkerOptions() { Map = _map.InteropObject, Position = new LatLngLiteral(vertex.Info.Position.Item2, vertex.Info.Position.Item1), Clickable = false, //Label = vertex.Info.Name, Icon = new Icon() { Url = vertex.Info.Type switch { VertexType.Target => "icons/circle_green.svg", VertexType.Base => "icons/home_black.svg", VertexType.Both => "icons/home_green.svg", },
protected async Task <Marker> AddMarker(MarkerOptions TheMarkerOptions) { return(await Marker.CreateAsync(JsRuntime, TheMarkerOptions)); }