Flutter’da Google Haritalar (Google Maps) kullanmak, uygulamanıza interaktif haritalar eklemenize olanak tanır. Bu işlevsellik, kullanıcılara konum tabanlı verileri görselleştirmek, yol tarifleri almak ve çeşitli yer işaretleri eklemek gibi geniş bir yelpazede olanaklar sunar. Flutter’da Google Maps kullanımı için temel adımlar aşağıda açıklanmıştır:

Adım 1: Google Maps Flutter Eklentisini Ekleyin

google_maps_flutter paketini kullanarak Flutter projenizde Google Haritalar’ı kolayca entegre edebilirsiniz. Bu paket, Google Maps API’sini Flutter uygulamalarıyla kullanmanıza olanak tanır. pubspec.yaml dosyanızın dependencies bölümüne aşağıdaki satırı ekleyerek başlayın:

Flutter’da Google Haritalar (Google Maps) kullanmak, uygulamanıza interaktif haritalar eklemenize olanak tanır. Bu işlevsellik, kullanıcılara konum tabanlı verileri görselleştirmek, yol tarifleri almak ve çeşitli yer işaretleri eklemek gibi geniş bir yelpazede olanaklar sunar. Flutter’da Google Maps kullanımı için temel adımlar aşağıda açıklanmıştır:

Adım 1: Google Maps Flutter Eklentisini Ekleyin

google_maps_flutter: ^2.1.1

Adım 2: Android ve iOS için API Anahtarı Alın

Google Maps’i kullanabilmek için, Google Cloud Platform’dan (GCP) bir API anahtarı almanız gerekmektedir. Bu anahtar, uygulamanızın Google Maps servislerine erişimini sağlar.

• Android için:
  • android/app/src/main/AndroidManifest.xml dosyasını açın ve <application> etiketi içine aşağıdaki meta-data etiketini ekleyin. YOUR_KEY_HERE kısmını aldığınız API anahtarı ile değiştirin:

iOS için:

• iOS için API anahtarınızı kullanmak üzere, ios/Runner/AppDelegate.swift (Swift için) veya ios/Runner/AppDelegate.m (Objective-C için) dosyasını açın ve application(_:didFinishLaunchingWithOptions:) metoduna Google Maps API anahtarınızı ekleyin:

Google Maps Widget’ını Kullanma

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

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Google Maps Demo'),
        ),
        body: GoogleMap(
          initialCameraPosition: CameraPosition(
            target: LatLng(39.9334, 32.8597), // Ankara'nın koordinatları
            zoom: 11.0,
          ),
        ),
      ),
    );
  }
}

Bu örnek, başlangıç noktası olarak Ankara’nın koordinatlarını kullanarak bir Google Haritası gösterir.

Notlar:

• Hem Android hem de iOS için ek yapılandırmalar gerekebilir. Örneğin, iOS için ios/Runner/Info.plist dosyasına internet erişimi izinleri eklemeniz gerekebilir.
• Google Maps kullanımı, API kullanım limitleri ve maliyetlerle ilgili Google’ın belirlediği kurallara tabidir. Bu nedenle, uygulamanızın kullanım düzeyine bağlı olarak maliyetlerin oluşabileceğini göz önünde bulundurun.

Google Maps Flutter eklentisi, haritalar üzerinde çok çeşitli özelleştirmeler ve etkileşimler sağlar. Belirli konumlar ekleyebilir, kullanıcı hareketlerini izleyebilir ve hatta özel şekiller çizebilirsiniz. Bu özelliklerin nasıl kullanılacağını öğrenmek için resmi dokümantasyona ve örnek kodlara göz atmanız faydalı olacaktır.