Flutter: Байршил хэрхэн тодорхойлох вэ?

Google location services + Firebase

Алхам 1: firebase_core, google_maps_flutter package

firebase_core | Flutter Package

google_maps_flutter | Flutter Package

Алхам 2: API key авахын тулд Firebase app үүсгэнэ.

Mobile app дээр хэрхэн Firebase тохируулах вэ?

Алхам 3: Android

google-services.json-оос API key авч

"api_key": [
  {
    "current_key": "AIzaSyC-saKl-KaHT2OAMgxcLU_ZlsqL5EBcRvE"
  }
],

AndroidManifest.xml-ын <application> tag дотор нэмнэ.

<application
    android:name="io.flutter.app.FlutterApplication"
    android:icon="@mipmap/ic_launcher"
    android:label="flutter_location_demo">

    <meta-data
        android:name="com.google.android.geo.API_KEY"
        android:value="AIzaSyC-saKl-KaHT2OAMgxcLU_ZlsqL5EBcRvE" />
    ...

Алхам 4: iOS

GoogleService-Info.plist-ээс API_KEY авч

<key>API_KEY</key>
<string>AIzaSyBCY-Y505zuvOphwFLpqhMb6GIhKVOMqxI</string>

ios/Runner/AppDelegate.swift файлд дараах кодыг нэмнэ.

import UIKit
import Flutter
import Firebase
import GoogleMaps@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    GeneratedPluginRegistrant.register(with: self)    
    // Custom code: Google firebase
    if FirebaseApp.app() == nil {
        FirebaseApp.configure()
    }    
    // Custome code: Google map
    GMSServices.provideAPIKey("AIzaSyApKVXsvEzfNgjp9LdR4Ev4QpyCmqLQHI0")    
    
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)  }
}

Алхам 4: Android, iOS SDK идэвхижүүлэх

Google Cloud Platform

Алхам 5: Кодын хэсэг

import 'dart:async';

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Google Maps Demo',
      home: MapSample(),
    );
  }
}

class MapSample extends StatefulWidget {
  @override
  State<MapSample> createState() => MapSampleState();
}

class MapSampleState extends State<MapSample> {
  Completer<GoogleMapController> _controller = Completer();

  static final CameraPosition _kGooglePlex = CameraPosition(
    target: LatLng(37.42796133580664, -122.085749655962),
    zoom: 14.4746,
  );

  static final CameraPosition _kLake = CameraPosition(
      bearing: 192.8334901395799,
      target: LatLng(37.43296265331129, -122.08832357078792),
      tilt: 59.440717697143555,
      zoom: 19.151926040649414);

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: GoogleMap(
        mapType: MapType.hybrid,
        initialCameraPosition: _kGooglePlex,
        onMapCreated: (GoogleMapController controller) {
          _controller.complete(controller);
        },
      ),
      floatingActionButton: FloatingActionButton.extended(
        onPressed: _goToTheLake,
        label: Text('To the lake!'),
        icon: Icon(Icons.directions_boat),
      ),
    );
  }

  Future<void> _goToTheLake() async {
    final GoogleMapController controller = await _controller.future;
    controller.animateCamera(CameraUpdate.newCameraPosition(_kLake));
  }
}