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
edited Jul 12, 2021 8:46AM in Visual Builder 5 comments


Google Maps in VBCS


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="<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>

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.


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