Which component needs to be created if we want to add google maps in our page? | Community
Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Preetpal_Bindra

Hello @baalaajira ,

I can share the way we built one of the Google maps components for a project. It is a custom component and it captures copy text information that needs to be displayed to the user.

To plot Google maps though, there were 2 dialog fields: X coordinates and Y coordinates that Content Managers will put in the dialog.

Using JavaScript on the page, these values are read and passed to the Google Map's "marker" function.

 

Hope that gives you an idea on implementation!

 

thanks,

  • PreetpalSingh

2 replies

EstebanBustamante
Community Advisor and Adobe Champion
EstebanBustamanteCommunity Advisor and Adobe Champion
Community Advisor and Adobe Champion
August 31, 2023

Hi, 

 

There is no OOTB component that embeds google maps, you will have to create a new custom component and incorporate Google Maps there. 

 

Here you can find an example: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-google-maps-api-integration/m-p/253251 

Esteban Bustamante
    Preetpal_Bindra
    Community Advisor
    Preetpal_BindraCommunity AdvisorAccepted solution
    Community Advisor
    August 31, 2023

    Hello @baalaajira ,

    I can share the way we built one of the Google maps components for a project. It is a custom component and it captures copy text information that needs to be displayed to the user.

    To plot Google maps though, there were 2 dialog fields: X coordinates and Y coordinates that Content Managers will put in the dialog.

    Using JavaScript on the page, these values are read and passed to the Google Map's "marker" function.

     

    Hope that gives you an idea on implementation!

     

    thanks,

    • PreetpalSingh
      Terms & ConditionsAccessibility statement

      Loading footer...