blazorからgeolocation APIを使ってみる

//
//	loc:位置情報
//	err:エラー情報
//
navigator.geolocation.getCurrentPosition(
    function(loc) {}	// 位置情報取得成功時処理
    function(err) {}	// 位置情報取得失敗時処理
);

//
//	loc:位置情報
//	err:エラー情報
//
watchid = navigator.geolocation.watchPosition(
    function(e) {},		// 位置情報取得成功時処理
    function(e) {}		// 位置情報取得失敗時処理
);

//
//	watchid:watchPositionの戻り値
//
navigator.geolocation.clearWatch(watchid);

var GPSLib = {
	・・・
	GetPosition : function(helper,complete,errorhandler) {
	    navigator.geolocation.getCurrentPosition(
	        function(e) {
	            // パラメータを作成(eをそのまま渡してもキャストされないので・・・)
	            var prm = {
	                coords: {
	                    latitude: e.coords.latitude,
	                    longitude: e.coords.longitude,
	                    altitude: e.coords.altitude != null ? e.coords.altitude : 0,
	                    accuracy: e.coords.accuracy != null ? e.coords.accuracy : 0,
	                    altitudeAccuracy: e.coords.altitudeAccuracy != null ? e.coords.altitude : 0,
	                    heading: e.coords.heading != null ? e.coords.heading : 0,
	                    speed: e.coords.speed != null ? e.coords.speed : 0
	                },
	                timestamp: e.timestamp
	            };
	            // C#コードの呼出し
	            helper.invokeMethodAsync(complete,prm);
	        },
	        function(e) {
	            // パラメータを作成(eをそのまま渡してもキャストされないので・・・)
	            var prm = {
					code: e.code,
					message: e.message
				};
	            // C#コードの呼出し
				helper.invokeMethodAsync(errorhandler,prm);
	        }
	    )
	},
・・・
};

// 位置情報(一応、すべてのプロパティを得られるようにした)
public class GeoInfo {
    public Coords coords { get; set; }
    public long timestamp { get; set; }
}
public class Coords {
    public double latitude {get; set;}	// 緯度
    public double longitude {get; set;}	// 経度
    public double altitude { get; set; }	// 高度
    public double accuracy	{get; set;} // 緯度・経度の誤差
    public double altitudeAccuracy {get; set;}	// 高度の誤差
    public double heading {get; set; }	// 方角（0.0～360.0）
    public double speed  { get; set; } // スピード
}
// エラー情報
public class GeoError {
	public int code { get; set; }
	public string message { get; set; }
}

// 位置情報取得完了時処理
[JSInvokable]
public async Task OnGetPositionComplete(GeoInfo e) {
    Latitude = e.coords.latitude;
    Longitude = e.coords.longitude;
    Orient = e.coords.heading;
	・・・
    this.StateHasChanged();
}

// 位置情報取得エラー時処理
[JSInvokable]
public void OnGetPositionFail(GeoError e) {
	ErrorMessage = $"位置情報取得エラー：{e.code} - {e.message}";
	this.StateHasChanged();
}

・・・
	// GetPositionの呼出し
	await JSRuntime.InvokeVoidAsync(
	    "GPSLib.GetPosition",
	    DotNetObjectReference.Create(this),
	    "OnGetPositionComplete","OnGetPositionFail");
	);