Skip to Content
Author's profile photo Former Member

SAPUI5 with Google API’s

From last few weeks, I am continously engaged in learning SAPUI5 and I must say, I am compeltely in love with it!!

In this blog, we will see how to use any Google API with SAPUI5. There are many public API’s available which can be consumed and that way we can save our time and effort in building complex UI’s.

All you have to do is to add the following line in your <head> element of your index.html file.

<script type=”text/javascript” src=”“></script>

The src element points to a javascript file, which has a single method


Using this method you can load any individual Google API’s.

Here’s the list of Google API’s packages which could be used with the above method. Each package will have its own sets of methods, which can be used to load/draw the contents.

As an example, we will use the core chart package.

Add the follwoing lines in the index.html file.


We have created a simple javascript file which will draw a core chart and placed it in the <div> of our index.html.

Output would be like


Let’s play around with these kind of stuff and get more complex API’s to work.

I have modified this blog to get the values dynamically. Please visit Dynamic SAPUI5 with Google API’s


Assigned Tags

      Be the first to leave a comment
      You must be Logged on to comment or reply to a post.