Maps Integration Working in Mobile and not in Interface

Hi,

Google Maps Integration is working and displaying fine in Appian Mobile App but the same is not getting visible in Interface, only web content is getting displayed.

Checked Integrations and plug-ins, it is working fine and correctly installed.

In laptop interface, it doesn't load the API, the API_KEY is working as I am able to see the details on phone after searching.

Is there any special setting which I missed to configure the API.

PFB the code snippets which is part of cardLayout:

----------------------------------------------------------------------------------------------------------

googleMapsDirectionsField(
label: "Directions",
labelPosition: "ABOVE",
height: "AUTO",
googleMapsApiKey: cons!BM_MAPS_API_KEY,
origin: local!finalOrigin,
destination: local!finalDestination,
enableZoom: true(),
enablePanning: true(),
enableStreetView: false(),
enableTrafficLayer: true()
),
googleMapsDisplayField(
label: "Display",
labelPosition: "ABOVE",
height: "AUTO",
googleMapsApiKey: cons!BM_MAPS_API_KEY,
mapMarkers: {
name: "MyPoint",
content: "",
lat: 28.6328,
lng: 77.2204
},
zoomLevel: 20,
mapCenter: {
lat: 28.6328,
lng: 77.2204
},
fitBounds: true(),
enableZoom: true(),
enablePanning: true(),
enableStreetView: false()
),
a!webContentField(
label: "Web-Content",
source:"www.google.com/.../place Bhawan&zoom=17&key=***************************",
height: "SHORT",
showBorder: false
)

---------------------------------------------------------------------------------------------------------

I tried restarting the app, clearing caches and browsing data of my laptop but no success.

I am configuring now only on the basis of mobile app.

Please help as its very hard to just do code while checking the implementation in phone.

Thanks.