Nova Google Map With Autocomplete Field Package
This field allows you to work with Google Places API to autocomplete and Google Map on user input and get the full real address with all the metadata (like latitude and longitude).
Installation
You can install the package in to a Laravel app that uses Nova via composer:
composer require trinityrank/google-map-with-autocomplete
Now publish config and localization files:
php artisan vendor:publish --provider="Trinityrank\GoogleMapWithAutocomplete\FieldServiceProvider"
Create an app and enable Places API and create credentials to get your API key https://console.developers.google.com
Add the below to your .env file
GMAPS_API_KEY=############################
Usage
Add the use declaration to your resource and use the fields:
use Trinityrank\GoogleMapWithAutocomplete\TRMap;
use Trinityrank\GoogleMapWithAutocomplete\TRCountry;
use Trinityrank\GoogleMapWithAutocomplete\TRState;
use Trinityrank\GoogleMapWithAutocomplete\TRCity;
use Trinityrank\GoogleMapWithAutocomplete\TRZipCode;
use Trinityrank\GoogleMapWithAutocomplete\TRAddress;
TRMap::make('Map'), // Google Map with address picker
TRCountry::make('Country'), // Country field
TRState::make('State'), // State field
TRCity::make('City'), // City field
TRZipCode::make('Zip Code'), // Zip Code Filed
TRAddress::make('Address'), // Autocomplete address field
Add the use declaration to your resource and use the panel with all fileds:
use Trinityrank\GoogleMapWithAutocomplete\TRLocation;
TRLocation::make('Location'), // All fileds in panel with required rule
Customize Fields
Add custom latitude, longitude and zoom values for starting point
TRMap::make('Map')
->latitude('latitude')
->longitude('longitude')
->zoom('zoom'),
Hide latitude and longitude field
TRMap::make('Map')
->hideLatitude()
->hideLongitude(),
You can add any nova basic methods to fileds (Showing / Hiding, Validation ... ).
218 Sep 25, 2022
42 Nov 14, 2022
875 Dec 29, 2022
4 Dec 15, 2019
4 Jan 3, 2022
23 Oct 3, 2022
303 Oct 7, 2022
5 Jan 3, 2023
873 Jan 7, 2023
1 Feb 25, 2022
2 Sep 8, 2022
342 Dec 30, 2022
11 Jul 14, 2022
11 Mar 15, 2022
2 Sep 23, 2021
1 Nov 4, 2021
2 May 17, 2022