88
Views
2
Comments
[Google Maps Web] How to actually add the map to my web screen
google-maps-web
Web icon
Forge asset by Labs
Application Type
Traditional Web

Please bear with me, as I'm very much an OutSystems beginner/beginner developer. I've downloaded and installed the google map component in my application, and have added all of it to my dependencies. I'm now stuck on step 4, as I don't really understand how to create the web block to have the map show up on this screen and display a location. Where should I insert the location details? Any help would be appreciated!


Screenshot 2023-03-09 171044.png
2026-01-13 07-10-20
Satyam Rai

Hi @Sem Verhaar 

You need a Google Maps API key to use the component. Follow the instructions in the component documentation to get an API key and configure it for use with the component. 

UserImage.jpg
Sem

Hi Satyam, I've added the API key into the Module GoogleMapsWeb in the Outsystems Service Center. I then went to manage dependencies and checked all of the boxes to add the Google Map dependencies to my web app. After this, the component documentation says to add it to the screen using a web block, but I struggle getting the map to show up in the screen. Dragging the map source web block into the screen gives me this:

Google Map Web Block.png
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.