Example of integrating Google Maps in VBCS

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.