获取用户的 Flutter Web 位置

Question

我目前正在使用 Flutter Geolocator Plugin 来访问用户的位置（纬度/经度），但它似乎还不适用于网络。我试图在 Flutter for web 中找到一些东西来检索用户的位置，但我找不到它。

有没有人已经尝试过/找到了可以完成这项工作的东西？

Answer 1

为了能够检索 Web 部件的位置，我必须使用 https://pub.dev/packages/js来公开 JavaScript API 并将其与https://developer.mozilla.org/en-US/docs结合使用/Web/API/Geolocation_API。

所以这里的样子：

1. 首先创建一个文件（例如：locationJs.dart）来暴露JS函数：

    @JS('navigator.geolocation') // navigator.geolocation namespace
    library jslocation; // library name can be whatever you want
   
    import "package:js/js.dart";
   
   @JS('getCurrentPosition') // Accessing method getCurrentPosition 
   from       Geolocation API
   external void getCurrentPosition(Function success(GeolocationPosition pos));
   
   @JS()
   @anonymous
   class GeolocationCoordinates {
     external double get latitude;
     external double get longitude;
     external double get altitude;
     external double get accuracy;
     external double get altitudeAccuracy;
     external double get heading;
     external double get speed;
   
   external factory GeolocationCoordinates(
     {double latitude,
     double longitude,
     double altitude,
     double accuracy,
     double altitudeAccuracy,
     double heading,
     double speed});
     }
   
   @JS()
   @anonymous
   class GeolocationPosition {
   external GeolocationCoordinates get coords;
   
   external factory GeolocationPosition({GeolocationCoordinates 
   coords});
   }
   

2. 调用新创建的文件

    import 'package:Shared/locationJs.dart';
   
     success(pos) {
        try {
          print(pos.coords.latitude);
          print(pos.coords.longitude);
          } catch (ex) {
           print("Exception thrown : " + ex.toString());
            }
        }
   
     _getCurrentLocation() {
         if (kIsWeb) {
           getCurrentPosition(allowInterop((pos) => success(pos)));
                   }
         }