Mello21century / gmaps-input-backpack

Custom Google Maps Input for Laravel Backpack

Custom Google Maps Input for Laravel Backpack

How to install

with composer:

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:

$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.