Flutter - google map, does not show my location

2019-08-07 04:04发布

It seems to have written everything correctly but I can not understand why it does not show my location on the map.

Why is it not showing my location?

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

class MyMap extends StatefulWidget {
  @override
  MyMapState createState() => MyMapState();
}

class MyMapState extends State<MyMap> {
  GoogleMapController mapController;

  final LatLng _center = const LatLng(50.006406, 36.236484);

  void _onMapCreated(GoogleMapController controller) {
    mapController = controller;
    mapController.addMarker(
      MarkerOptions(
        position: LatLng(50.006406, 36.236484),
        infoWindowText: InfoWindowText('My Location', 'Office'),
        icon: BitmapDescriptor.defaultMarker,
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('Map'),
          backgroundColor: Colors.green[700],
        ),
        body: GoogleMap(
          onMapCreated: _onMapCreated,
          options: GoogleMapOptions(
            scrollGesturesEnabled: true,
            tiltGesturesEnabled: true,
            rotateGesturesEnabled: true,
            myLocationEnabled: true,
            compassEnabled: true,
            cameraPosition: CameraPosition(
              target: _center,
              zoom: 11.0,
            ),
          ),
        ),
      );
  }
}

2条回答
我只想做你的唯一
2楼-- · 2019-08-07 04:42

You have to provide an access to your current location ios: Info.plist

    <key>NSLocationWhenInUseUsageDescription</key>
    <string>Application needs to access your current location</string>
    <key>NSLocationAlwaysUsageDescription</key>
    <string>Application needs to access your current location</string>

android: AndroidManifest.xml

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
查看更多
▲ chillily
3楼-- · 2019-08-07 04:43

you need to use the location package of flutter in order to track the location of the user, and you need to add this function to your code

_getLocation() async {
    var location = new Location();
    try {
      currentLocation = await location.getLocation();

      print("locationLatitude: ${currentLocation["latitude"]}");
      print("locationLongitude: ${currentLocation["longitude"]}");
      setState(
          () {}); //rebuild the widget after getting the current location of the user
    } on Exception {
      currentLocation = null;
    }
  }

this function should be called in your initState() function as follows

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

and don't to forget to import the location package to your code,

import 'package:location/location.dart';

follow the installation guide of the location package as you need to add the location permission in AndroidManifest.xml for android and info.plist for iphone the location package will be responsible for asking for location permission from the user at runtime

Hope it helps and good luck

查看更多
登录 后发表回答