定位组件
示例:
https://blazor.app1.es/geolocations
使用方法:
1.nuget包
BootstrapBlazor.Geolocation
2._Imports.razor 文件 或者页面添加 添加组件库引用
@using BootstrapBlazor.Components
3.razor页面
<Geolocations OnResult="@OnResult" OnUpdateStatus="@OnUpdateStatus" />
<Badge Color="Color.Warning">@status</Badge>
<Table TItem="Geolocationitem" Items="Items" AutoGenerateColumns="true">
</Table>
@code{
private string? status { get; set; }
private Geolocationitem? geolocations { get; set; }
private List<Geolocationitem> Items { get; set; } = new List<Geolocationitem>() { new Geolocationitem() };
private Task OnResult(Geolocationitem geolocations)
{
this.geolocations = geolocations;
Items[0] = geolocations;
StateHasChanged();
return Task.CompletedTask;
}
private Task OnUpdateStatus(string status)
{
this.status = status;
StateHasChanged();
return Task.CompletedTask;
}
}