fix (map): allow dynamic content in location field

[prconcepcion]

fixes #3068

[github-actions]

🤖 Pull request artifacts

file	commit
pr3105-stackable-3105-merge.zip	6fb87ef

[github-actions]

Try this Pull Request in the WordPress playground: https://playground.wordpress.net/?mode=seamless#{"landingPage":"/wp-admin/post-new.php?post_type=page","preferredVersions":{"php":"latest","wp":"latest"},"steps":[{"step":"login","username":"admin","password":"password"},{"step":"installPlugin","pluginZipFile":{"resource":"url","url":"https://raw.githubusercontent.com/gambitph/Stackable/artifacts/pr3105-stackable-3105-merge.zip"}}]}

[bfintal]

1. The block produces an error when you have a Google API key in the settings

[bfintal]

If premium and using a Google API Key, using a dynamic field makes the control lose styles and lose description and labels:

No value yet: (correct)

With dynamic value: (wrong)

[bfintal]

Please double check, the inspector still doesn't look correct.

[bfintal]

Please tweak the styles since the buttons are not aligned.

[andeng1106]

@prconcepcion remaining issues:

• When changing the values, it's not automatically fetched by the Map block. I need to refresh page, re-add again to see changes.

Screen.Recording.2024-03-22.at.2.46.41.PM.mov

• If no API key is present and upon fetching dynamic data, it doesn't show correctly on editor

Screen.Recording.2024-03-22.at.7.49.50.PM.mov

• No API key - Upon refreshing page, the dynamic data deselects and data becomes a text content

Screen.Recording.2024-03-22.at.7.53.06.PM.mov

cc: @bfintal