Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de flutter_google_places_web
Detalhes do pacotev1.0.2

flutter_google_places_web

Um campo de formulário inline projetado para o Google Places Autocomplete. Para uso móvel, acesse https://github.com/fluttercommunity/flutter_google_places

Web
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
95
Curtidas
21
Pontos Pub
140

Instalar pacote

flutter pub add flutter_google_places_web

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Flutter específico para web que fornece um campo de formulário embutido para o Google Places Autocomplete, permitindo que os usuários pesquisem e selecionem locais diretamente em um aplicativo da web. Projetado especificamente para a plataforma web, integra-se perfeitamente com a API do Google Places para oferecer sugestões em tempo real e entrada de endereços. Diferentemente de sua contraparte móvel, este pacote foca na usabilidade na web, garantindo design responsivo e interações suaves em ambientes de navegador. Simplifica a seleção de localizações sem exigir redirecionamentos de página completa ou configurações complexas.

Casos de uso

  • Formulários de entrada de endereço baseados na web
  • Pesquisa de localização em aplicativos de viagem
  • Checkout de comércio eletrônico com autocomplete de endereço
  • Filtragem de localização em tempo real
  • Configuração do perfil do usuário com geolocalização
  • Sistemas de reserva online

Principais recursos

  • Componentes de interface do usuário otimizados para web
  • Autocompletar em tempo real do Google Places
  • Integração de campo de formulário em linha
  • Design responsivo para navegadores
  • Configuração simples com chave da API do Google
  • Suporta a recuperação de detalhes do local

Indicado para

  • Desenvolvedores web construindo aplicativos com localização
  • Aplicações que precisam de entrada rápida de endereço
  • Projetos usando a API do Google Places na web
  • Equipes de frontend focadas na experiência do usuário em campos de localização
  • Desenvolvedores evitando dependências nativas móveis

Considerações

  • É necessário uma chave de API válida do Google Cloud Platform
  • Limitado apenas à plataforma da web
  • Depende da API externa do Google Places
  • Pode exigir configuração de CORS
  • O desempenho depende da velocidade da rede
  • Incompatível com plataformas móveis

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Categorias

Localização, Lugar e Seletor de Endereço

Dependências

Lista de dependências 3 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.