Skip to content

Nova field to easy select address using google places api

Notifications You must be signed in to change notification settings

despark/nova-address-field

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nova Google Address Field.

This field allows you to pick address using Google Places API by three ways:

  1. using autocomplete input: user can start typing and the address will autocompleted. after the user select a place from the popup places the full real address with all the metadata (like latitude and longitude) will be filled in the form and the map will centered to the selected address.
  2. using lat and long input: if you have the specific lat and lng for the place, you can put the in the form and the autocomplete input will be refreshed with the formatted address for this lat and lng, the map also will be centered to the ne address.
  3. using map: you can pick the address by click on the place on the map and the real address will be filled automatically.

Installation

You can install the package via composer:

composer require digitalcloud/nova-address-field

You need to provide the Google places API key, you can get one from https://console.developers.google.com and then add the api key to your .env file

GOOGLE_PLACES_API_KEY=############################

Usage

use DigitalCloud\AddressField\AddressField;
// ....

AddressField::make('Address'),

//You can enable lat and lng inputs:
GoogleAutocomplete::make('Address')
          ->withLatLng(),
          
//You can enable map picking address:
GoogleAutocomplete::make('Address')
        ->withMap(),
        
//You can set the init location and zoom for the map:
GoogleAutocomplete::make('Address')
        ->withMap()->initLocation('24.6', '46.7')->zoom(5),

Images

addressfield2

About

Nova field to easy select address using google places api

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 81.6%
  • PHP 15.4%
  • JavaScript 2.9%
  • CSS 0.1%