Frontend Submission - Google Maps - Custom Binding

Hi Peter,
I have returned to look at this again, watched your video, and double checked the documentation. But it still does not work for me via a coded solution. Here is my implementation:

add_filter( 'rwmb_meta_boxes', function ( $meta_boxes ) {
    $meta_boxes[] = [
        'title'      => 'Event details',
        'post_types' => 'event',
        'geo' => [
            'api_key' => 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',// As per your documentation only one API key required. Not necessary on the 'location_map' field.
        ],
        'fields'     => [
            // Map field.
            [
            'id'            => 'location_map',
            'type'          => 'map',
            'std'           => '51.5074,-0.1278,15',
            'address_field' => 'location_address',
            ],
            // Address field.
            [
            'id'   => 'location_address',
            'name' => __( 'Address', 'text-domain' ),
            'type' => 'text',
            'placeholder'   => 'Enter address...',
            'desc'     => __( 'Enter the complete address.', 'text-domain' ),
            'required' => true,
            ],
            // Hidden field to store the city and country
            [
            'id'   => 'city_country',
            'type' => 'hidden',
            'binding' => 'locality + " " + country',
            'std'  => 'null',
            ],
            // Other custom fields....
        ],
    ];

    return $meta_boxes;
} );

When I follow this implementation:

1. My Google map breaks and shows the standard "Sorry! Something went wrong" ? (IE: InvalidKeyMapError in console).
2. The Autocomplete feature on the address field stops working?
3. The hidden field can never capture any "binding" as 1&2 above are broken?

As before:

- WP 6.8.1
- Metabox Version 5.10.10
- AIO Version 2.1.1
- PHP 8.3
- MYSQL 8.0.35

I have the MB Geolocation extension on.
I see no console log errors (Apart from the InvalidKeyMapError mentioned above).
I see no debug.log errors.
I am using a completely unrestricted API key from my Google cloud console for testing.

Although I appreciate the video showing this feature working in the Metabox builder. I would be very grateful if you can test a coded version as above to confirm this works on your end. I am stumped!!!

I look forward to your response 🙂

Hi Peter,
I have already checked everything you have mentioned in your previous post. I have the correct API services enabled.

Selected APIs:
- Geocoding API
- Maps JavaScript API
- Places API

My API key is 100% valid.

My Address and Map fields work absolutely fine and exactly as expected. As soon as I use the:

'geo' => [
    'api_key' => 'YOUR API KEY',
],

I my field group both the Address and Map fields break!

Again I would urge you to test a coded version.

Cheers

Hi Peter,
thanks for the more detailed explanation. Following your coded method above does work, thank you! However, your instructions are definitely not inline with your documentation here: https://docs.metabox.io/extensions/meta-box-geolocation/

For example your documentation states:

1. Under the "Open Street Maps" section to use:

'geo' => true,

In the field group settings?

But under the "Google Maps" section to use:

'geo' => [
    'api_key' => 'YOUR API KEY',
],

In the field group settings?

2. Under the "Custom Binding" to get the "City & Country" to use:

'binding' => 'city + " " + country', // returns QLD Australia

When you have stated to use "Locality"? (Which does work).

These things do not match what you have demonstrated above for Google Maps in your coded example? It's one of the reasons why I found, what should have been a straightforward task so tricky?

Many Thanks 🙂

Yes, I agree all the information is in the documentation. However, the order and presentation of these concepts are (in my opinion), not well structured and clear.