Display google Maps on SAIL form

Google API:
https :// maps.googleapis.com/maps/api/place/textsearch/json?query=123+main+street&key=***MY KEY***

You can display the map in sail inside an imageField : Use a webimage with source as the map url and provide a link to the map using the link field.

Harsha Can you please provide an example, i am trying to do the same but not successful.

Yeah sure! you can refer the below example, I hope it helps.
a!imageField(
images: {
a!webImage(
source: "maps.googleapis.com/.../staticmap & substitute(
ri!address,
" ",
"+"
) & ",&zoom=11&markers=color:green|label:A|" & substitute(
ri!address,
" ",
"+"
) & "&size=500x300",
link: a!safeLink(
uri:"maps.google.com substitute(ri!addr," ","+")
),
caption: ri!address
)
}
)

Hi Gaurav Arora (gaurava752)  ,

If you are 18.2 then you can use Web Content Component. 

a!webContentField(
label: "Webcontent",
source:"maps.googleapis.com/.../json KEY***",
height: "MEDIUM",
showBorder: true,
altText: "Google Maps"
)

Else if you are in lower versions then you can use imagefield.

Hello Gaurav ,


In Appian 18.1 a new object Web Content Component has been introduced for embedding external components in Appian.
This will surely serve your purpose.

Hope this helps.

Thanks,
Rohit Ouhal

Hi Gaurav,
Instead of using imageFiled(), you can use webContent component which has been introduce in 18.1. It's easy to use and you can embed google maps into it.

The web content component is not supported by Safari and Internet Explorer 11 and probably shouldn't be used until it is; it's also overengineering for this requirement where a simple static google map will suffice.

From the documentation: "To protect users from how Safari and Internet Explorer 11 handle memory, the Web Content component will display as an inline link when viewed in those browsers."

Hey Gaurav,

Please go through below video link for the same: 

Google Map integration with Appian: https://youtu.be/d3wGgW3khYI