https://github.com/abr4xas/gmaps-input-backpack
Custom Google Maps Input for Laravel Backpack
https://github.com/abr4xas/gmaps-input-backpack
google google-maps laravel-backpack maps
Last synced: 4 months ago
JSON representation
Custom Google Maps Input for Laravel Backpack
- Host: GitHub
- URL: https://github.com/abr4xas/gmaps-input-backpack
- Owner: abr4xas
- Created: 2020-01-13T13:16:41.000Z (almost 6 years ago)
- Default Branch: dev
- Last Pushed: 2023-01-29T21:19:57.000Z (almost 3 years ago)
- Last Synced: 2025-07-08T20:19:05.180Z (4 months ago)
- Topics: google, google-maps, laravel-backpack, maps
- Language: Blade
- Homepage: https://packagist.org/packages/abr4xas/gmaps-input-backpack
- Size: 219 KB
- Stars: 2
- Watchers: 0
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
#### Custom Google Maps Input for Laravel Backpack
#### How to install
with composer:
```bash
composer require abr4xas/gmaps-input-backpack
```
#### How to use
Add your Google Api Key to the env file:
```
GOOGLE_MAPS_API_KEY=
```
Add this to your backpack controller:
```php
$this->crud->addField([
'name' => 'address-input', // do not change this
'type' => 'customGoogleMaps', // do not change this
'label' => "Google Maps",
'hint' => 'Help text',
'attributes' => [
'class' => 'form-control map-input', // do not change this, add more classes if needed
],
'view_namespace' => 'custom-google-maps-field-for-backpack::fields',
]);
```
> Notice the view_namespace attribute - make sure that is exactly as above, to tell Backpack to load the field from this addon package, instead of assuming it's inside the Backpack\CRUD package.
#### Preview:

Thanks to https://laraveldaily.com/laravel-find-addresses-with-coordinates-via-google-maps-api/ for the inspiration.