搜索插件、代码仓与 APP 分类

flutter_screenshot_google_street_view 封面
插件详情v0.0.2

flutter_screenshot_google_street_view

一个用于捕获 Google 地图街景截图的 Flutter 包

AndroidiOSWeb
近 30 天下载
34
喜欢数
1
Pub 分数
150

安装插件

flutter pub add flutter_screenshot_google_street_view

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包,使开发者能够在其应用中从 Google 地图街景捕获截图。它可无缝集成到 Android、iOS 和 Web 平台,允许用户对街景图像进行视觉快照。该包简化了嵌入和交互 Google 地图街景 API 的过程,非常适合需要视觉记录或分享真实世界视图的位置相关应用程序。基于 Dart 构建,确保跨平台的一致性和易用性。

适合场景

  • 为旅行应用捕捉街景图像
  • 在房地产应用中生成视觉报告
  • 支持导航辅助工具的图像参考
  • 启用街景的用户生成内容
  • 在社交功能中共享位置视觉效果

主要特点

  • 跨平台支持(Android、iOS、Web)
  • 与 Google 地图街景 API 的简单集成
  • 截图捕获功能
  • 跨平台一致的用户界面
  • 轻量级且专注于截图任务

适合对象

  • 旅行和地图应用
  • 房地产和物业可视化工具
  • 基于位置的社交平台
  • 导航和导引应用
  • 字段数据采集系统

使用建议

  • 需要有效的 Google 地图 API 密钥
  • 取决于 Google 地图街景的可用性
  • 可能根据API计划有使用限制
  • Web 支持可能因浏览器而异
  • 移动平台所需的额外权限

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

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.

所属分类

依赖

依赖清单 2 项

源码仓库

使用此插件的项目

暂无相关数据。