Skip to Content

Hi Readers ,

Google Map in Ui5 application can be used for the various purpose.

This blog explains about the Google Map integration with SAPUI5 application as a custom control.

To integrate Google Maps to SAPUI5 application, you need google map API. There are several APIs available for Google maps itself, like Google Map android API, Google Maps for IOS, Google maps for Street, Google maps Directions API, similarly many more. The one we are going to use is Google Maps JavaScript API.

To use google API, you will need particular developer API key. Below are the steps on how to create a developer key to use the API in the application.

  1. Google API Console   
  2. Create a new project. 
  3. After creation of project the screens look like this:
  4. Create credentials for the API Key: 
  5. After creation of API key we will enable Google Maps JavaScript API:
  6. Copy the API key in a notepad for future references.

 

Please find the link for using this API in our SAPUI5 application :

Google Maps library for UI5 by John Patterson

 

N.B:- Google Maps APIs are free for a wide variety of use cases, with predictable overage pricing and usage limits for APIs and annual contracts for enterprise deployments. More Details

 

To report this post you need to login first.

4 Comments

You must be Logged on to comment or reply to a post.

    1. Amritendu Patra Post author

      Somehow I missed this blog. Now I have implemented that and its working fine. I will try to deploy in iPad Air as cordova app. And will see how it works. Thanks for sharing the link..

      (0) 
  1. vijay kumar

    hi Amritendu Patra

     

    how to add help text in google api.

    (example : if ‘A’  list of ‘A’ area or State  should be displayed )

    (0) 

Leave a Reply