We'd love to hear from you! Provide  feedback  to earn a badge today. Take our quick survey
You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

Example of integrating Google Maps in VBCS

Received Response
61
Views
2
Comments
edited Jul 12, 2021 8:46AM in Visual Builder 2 comments

Summary

Google Maps in VBCS

Content

I saw some posts regarding Google maps integration in VBCS.

Here is what need to be done in order to show map with route and markers:

1. Add the following code to the index.html

   <script src="https://maps.googleapis.com/maps/api/js?key=<YOUR API KEY>&libraries=geometry" async defer></script>

2. Create new page and add new div with map id:

<div class="oj-flex"> 
  <div id="map" class="oj-flex-item oj-sm-12 oj-md-11"></div>
</div>

3. Use the following sample code in the page load event (vbenter):

* Red line under the google keyword can be ignored.

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!