用 Blazor 写过一个小应用，其中有一个“获取用户当前位置经纬度坐标”的需求。 Blazor 官方的 API 没有这个功能，需要通过 JS 互操作来实现位置信息的获取。

在调研的过程中，发现已经有大佬把这个功能封装了，
源码见：GitHub: darnton/BlazorDeviceInterop
同时有 nuget 包，包叫 Gravam.Blazor.DeviceInterop，项目里直接引用就行。

先看效果

demo

用法

  1. 安装 nuget 包
Install-Package Gravam.Blazor.DeviceInterop
  1. Program 里注册 GeolocationService 服务
using Gravam.Blazor.DeviceInterop.Geolocation;

builder.Services.AddScoped<IGeolocationService, GeolocationService>();
  1. 页面的 razor.cs 里注入IGeolocationService服务
[Inject]
public IGeolocationService GeolocationService { get; set; }
  1. 调用 GetCurrentPosition() 方法获取位置。
var currentLocation = await GeolocationService.GetCurrentPosition();

if (currentLocation.IsSuccess)
{
    _coord.Longitude = currentLocation.Position.Coords.Longitude;
    _coord.Latitude = currentLocation.Position.Coords.Latitude;
}