Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von flutter_google_places_web
Paketdetailsv1.0.2

flutter_google_places_web

Ein webbasiertes Inline-Eingabefeld für die Google Places-Vervollständigung. Für mobile Nutzung: https://github.com/fluttercommunity/flutter_google_places

Web
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
95
Likes
21
Pub-Punkte
140

Paket installieren

flutter pub add flutter_google_places_web

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein web-spezifisches Flutter-Paket, das ein Inline-Formularfeld für die Google Places-Autocomplete-Funktion bereitstellt und Benutzern ermöglicht, Orte direkt innerhalb einer Webanwendung zu suchen und auszuwählen. Speziell für die Webplattform entwickelt, integriert es sich nahtlos mit der Google Places-API, um Echtzeitvorschläge und Adresseneingaben anzubieten. Im Gegensatz zu seiner mobilen Gegenstück konzentriert sich dieses Paket auf die Web-Usability und sorgt für eine responsive Gestaltung sowie reibungslose Interaktionen in Browserumgebungen. Es vereinfacht die Standortauswahl ohne vollständige Seitenumschaltungen oder komplexe Konfigurationen.

Anwendungsfälle

  • Web-basierte Adresseneingabefelder
  • Standortsuche in Reise-Apps
  • E-Commerce-Kasse mit Adress-Vervollständigung
  • Echtzeit-Standortfilterung
  • Benutzerprofil-Einrichtung mit Geolocation
  • Online-Buchungssysteme

Hauptmerkmale

  • Web-optimierte UI-Komponenten
  • Echtzeit-Abfrage von Google Places
  • Integration von Inline-Formularfeldern
  • Reaktives Design für Browser
  • Einfache Konfiguration mit Google-API-Schlüssel
  • Unterstützt die Abrufung von Ortsdetails

Geeignet für

  • Webentwickler, die ortsbasierte Apps erstellen
  • Anwendungen, die eine schnelle Adresseneingabe benötigen
  • Projekte, die die Google Places API im Web verwenden
  • Frontend-Teams, die sich auf UX für Standortfelder konzentrieren
  • Entwickler vermeiden native mobile Abhängigkeiten

Hinweise

  • Ein gültiger Google Cloud Platform-API-Schlüssel ist erforderlich
  • Nur für Web-Plattform begrenzt
  • Abhängig von der externen Google Places API
  • Kann CORS-Konfiguration erfordern
  • Die Leistung hängt von der Netzgeschwindigkeit ab
  • Nicht kompatibel mit mobilen Plattformen

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Flutter Google Places Web

pub version donate

A web designed form field for Google Places Autocomplete

flutterwebplaces

API key

To use this library you need a Web API key. Here

Usage

FlutterGooglePlacesWeb is a Google Places Autocomplete field for Flutter Web.

import  'package:flutter_google_places_web/flutter_google_places_web.dart';

FlutterGooglePlacesWeb(
apiKey: <GOOGLE_API_KEY>,
proxyURL: 'https://cors-anywhere.herokuapp.com/',
components: 'country:us',
),

If you have XMLHttpRequest errors, please use a proxy. For more information please see cors-anywhere

If you are using the demo CORS Anywhere proxy (included in the example) - please allow temporary access or use your own proxy

If a user types and selects 1600 Amphitheatre Parkway you can retrieve the data

String name = FlutterGooglePlacesWeb.value['name'];
String streetAddress = FlutterGooglePlacesWeb.value['streetAddress'];
String city = FlutterGooglePlacesWeb.value['city'];
String country = FlutterGooglePlacesWeb.value['country'];

print(name); // '1600 Amphitheatre Parkway, Mountain View, CA, USA'
print(streetAddress); // '1600 Amphitheatre Parkway'
print(city); // 'CA'
print(country); // 'USA'

Roadmap

  • [Coming soon] Add mutliplatform support and remove CORS issues by having javascript API rather than http requests

Kategorien

Standort-, Ort- und Adressenauswahl

Abhängigkeiten

Abhängigkeiten 3 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.