Flutter地理位置未显示任何内容

时间:2020-10-23 17:03:47

标签: flutter dart dart-pub google-geolocation

我是陌生的,正在尝试创建地理位置。 但是,对于我的以下代码,屏幕仅显示“正在加载...。请稍候..”,并且地图未显示。

我只是想使用依赖项显示当前位置

地理学家:^ 6.1.1

使用来自的代码

https://codelabs.developers.google.com/codelabs/google-maps-in-flutter#3

Google地图可以成功显示。因此,这与Google Maps Platform无关。

// home.dart
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:geolocator/geolocator.dart';

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  bool mapToggle = false;
  var currentLocation;
  GoogleMapController mapController;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    Geolocator.getCurrentPosition().then((currloc) {
      setState(() {
        currentLocation = currloc;
        mapToggle = true;
      });
    });
  }

  void _onMapCreated(controller) {
    setState(() {
      mapController = controller;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home'),
      ),
      body: Column(children: <Widget>[
        Stack(
          children: <Widget>[
            Container(
                height: MediaQuery.of(context).size.height - 80.0,
                width: double.infinity,
                child: mapToggle
                    ? GoogleMap(
                        onMapCreated: _onMapCreated,
                        initialCameraPosition: CameraPosition(
                            target: LatLng(currentLocation.latitude,
                                currentLocation.longitude),
                            zoom: 10.0))
                    : Center(
                        child: Text(
                        'Loading.. Please wait..',
                        style: TextStyle(fontSize: 20.0),
                      )))
          ],
        )
      ]),
    );
  }
}

2 个答案:

答案 0 :(得分:1)

在您的AndroidManifest中添加权限

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

初始化变量

Position _currentPosition;

复制此函数并在initState中调用它

_getCurrentLocation() async{
   Geolocator.getCurrentPosition(desiredAccuracy: LocationAccuracy.best)
        .then((Position position) {
      setState(() {
        _currentPosition = position;
     
      });

    
    }).catchError((e) {
      print(e);
    });
  }

有关更多信息,请在使用情况下查看其pub.dev网站geolocator,请确保您正确设置了android和ios

答案 1 :(得分:0)

正如@theredcap在他的评论中已经指出的那样,您很可能没有必要的权限。务必阅读您使用的插件的documentation

我看不到:

LocationPermission permission = await Geolocator.checkPermission();

我也看不到:

LocationPermission permission = await Geolocator.requestPermission();

完全在您的代码中,但是插件文档清楚地说明了这一部分。另外,如果您通常不熟悉Android,请查看:https://developer.android.com/training/location/permissions