Google Mapsが表示されず、黒い画面のままリロードしている状態になっています。

Question

私は、現在Google Mapの現在地情報を取得し、表示しようと考えています。しかし、参考サイトと同じ状態で行ったのですが、Google Mapが表示されず、黒い画面のままリロードした状態が永遠に続いている状態になってしまいます。もしわかる方がいらしたら、教えて頂きたいです。

参考サイト
・https://github.com/butachin/flutter_maps

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:location/location.dart';

class GoogleMaps extends StatefulWidget {
  @override
  _GoogleMapsState createState() => _GoogleMapsState();
}

class _GoogleMapsState extends State<GoogleMaps> {
  LocationData currentLocation;

  // StreamSubscription<LocationData> locationSubscription;

  Location _locationService = new Location();
  String error;

  @override
  void initState() {
    super.initState();

    initPlatformState();
    _locationService.onLocationChanged.listen((LocationData result) async {
      setState(() {
        currentLocation = result;
      });
    });
  }

  Completer<GoogleMapController> _controller = Completer();

  void _onMapCreated(GoogleMapController controller) {
    _controller.complete(controller);
  }

  @override
  Widget build(BuildContext context) {
    if (currentLocation == null) {
      return Center(
        child: CircularProgressIndicator(),
      );
    } else {
      return MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            title: Text('Maps Sample App'),
            backgroundColor: Colors.green[700],
          ),
          body: GoogleMap(
            onMapCreated: _onMapCreated,
            initialCameraPosition: CameraPosition(
              target:
              LatLng(currentLocation.latitude, currentLocation.longitude),
              zoom: 17.0,
            ),
            myLocationEnabled: true,
          ),
        ),
      );
    }
  }

  void initPlatformState() async {
    LocationData myLocation;
    try {
      myLocation = await _locationService.getLocation();
      error = "";
    } on PlatformException catch (e) {
      if (e.code == 'PERMISSION_DENITED')
        error = 'Permission denited';
      else if (e.code == 'PERMISSION_DENITED_NEVER_ASK')
        error =
        'Permission denited - please ask the user to enable it from the app settings';
      myLocation = null;
    }
    setState(() {
      currentLocation = myLocation;
    });
  }
}

Answer 1

ずっとcurrentLocation == nullの状態のままなのでその画面のままなのだと思いますが、
位置情報が取得できているのか、各段階でprintなどして確認してみてください。

Comments

[avicii]

回答ありがとうございます。位置情報を取得できていない状態だったことがわかりました。やってみます。

[avicii]

位置情報が取得できない場合は、どこが問題なのでしょうか？

[hiroshihorie]

色々可能性がありますが、位置情報の取得は実機で試してみる事をお勧めします。

[avicii]

度々ありがとうございます。やってみます。