How to add Google map in content fragment modal

[ashutoshs255199]

Hi All,

There is a requirement where we need to add google map in content fragment modal so authors can search locations and google prompts suggestions by default and upon save of content fragment , it should save longitude, latitude and location name (whatever author has entered).

Below URL for google map reference which we need to integrate in CF modal.

developers.google.com/maps/documentation/javascript/examples/places-searchbox#try-sample

Kindly help me on this.

Thanks

[B_Sravan · Accepted solution]

Hi @ashutoshs255199 ,

https://developers.google.com/maps/documentation/javascript/examples/places-searchbox#maps_places_se... 

the URL mentioned above has everything that you need (Typescript, JS, HTML, and CSS). All you need to do here is:

1. convert those into a component and add it to your content fragment modal.

2. On save of the modal (as per your requirement), capture the location details and 
3. trigger a servlet that saves the details in nodes or in any other data format.

Thank you.

Regards,
Sravan