Pakete, Repositories und App-Kategorien suchen

GitHub-Repositorylualbertovargas/flutter_screenshot_google_street_view

flutter_screenshot_google_street_view

lualbertovargas/flutter_screenshot_google_street_view open-source repository details.

Projektcover von flutter_screenshot_google_street_view
Sterne
0
Forks
0
Letzter Push (UTC)
05.01.2025
Projektstatus
Aktiv

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.

Flutter Screenshot Google Street View

Important Note

For accurate testing and functionality validation, it is essential to test this package on a physical device rather than an emulator.

This package allows capturing and displaying Google Street View images in Flutter applications.

Features

  • Street View image capture
  • Display of captured images
  • Customizable capture settings

Getting started

To start using this package, make sure you have a Google Maps API key enabled for the Street View service.

Requirements
Android
  • Minimum SDK: 20
  • Required permissions in AndroidManifest.xml:
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
  • API key in AndroidManifest.xml:
<meta-data
    android:name="com.google.android.geo.API_KEY"
    android:value="API_KEY"/>
iOS
  • Minimum version: 14.0
  • Configure API key in AppDelegate.swift:
GMSServices.provideAPIKey("API_KEY")
API Configuration
  1. Get an API key at https://cloud.google.com/maps-platform/
  2. Enable Google Maps SDK:
    • Maps SDK for Android
    • Maps SDK for iOS
    • Street View Static API

Usage

Here's an example of how to use the StreetViewCapture and StreetViewPreview widgets:

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Street View Example')),
        body: StreetViewExample(),
      ),
    );
  }
}

class StreetViewExample extends StatefulWidget {
  @override
  _StreetViewExampleState createState() => _StreetViewExampleState();
}

class _StreetViewExampleState extends State<StreetViewExample> {
  String? _imageUrl;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        StreetViewCapture(
          initialPosition: LatLng(37.7749, -122.4194), // San Francisco
          config: StreetViewConfig(apiKey: 'API_KEY'),
          onImageCaptured: (imageUrl, position) {
            setState(() {
              _imageUrl = imageUrl;
            });
          },
        ),
        if (_imageUrl != null)
          StreetViewPreview(
            imageUrl: _imageUrl!,
            fit: BoxFit.cover,
          ),
      ],
    );
  }
}

Additional information

For more information about contributing to the package or reporting issues, visit the project repository.

lualbertovargas GitHub avatar
GitHub-Autor

lualbertovargas ↗

Your biggest enemy is the ego

SprachenDartRubySwiftKotlinObjective-C

Von diesem Repository veröffentlichte Pakete

Verwendete Abhängigkeiten

Abhängigkeiten 4 Einträge

Wie wähle ich ein passendes Repository?

Nach Anwendungsfall filtern, Aktivität vergleichen und vor der Nutzung das Originalprojekt prüfen.

  1. Nach Name, Autor oder Beschreibung suchen und nach Thema eingrenzen.
  2. Sterne, Forks und letzte Pushes vergleichen. Sterne zeigen Interesse, garantieren aber keine Qualität.
  3. Vor der Nutzung README, Lizenz und Issues auf GitHub prüfen.

Quellen und Pflege

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗