Skip to Content
Author's profile photo Knut Heusermann

ByD Account Overview with Google Maps Mashup

SAP Business ByDesign Mashups can be used to integrate ByD with online web services or applications.

With mashups ByD users can access the content provided by these Web services and applications, and use it in their daily work.

Mashups can include web searches, company and industry business information, online map searches and many more.


In this blog post I describe how to embed Google Maps in the ByD Account Overview screen such that Google Maps shows the business partner address in an embedded Google Maps frame.


…and this is how it works:

Step 1: Create a ByD HTML Mashup for Google Maps


Go to work center Application and User Management, view Mashup Authoring and create a new HTML Mashup.

Enter the following data:

Mashup Category:

“Location & Travel”

Port Binding:

“Web Map”

Mashup Name:

<enter some name; the name will be displayed on the account UI>


set to “active”





<enter the height of the map frame>


Add two parameters output and q and map the parameter q to the formatted address of the ByD mashup port binding:


Click on “Preview” to test the URL.

The resulting HTML Mashup should look like the following:


Please note: Activating the mashup with Google Maps means that business partner address data from your ByD system is transferred to Google.

Make sure this data transfer is compliant with your corporate policies, corporate guidelines and legal requirements with regards to security, data protection and data privacy.



Step 2: Make the Mashup visible on your ByD Screen


Go to work center Business Partner Data, view Accounts and click on some arbitrary account ID (for testing it would be helpful if the account address would be a valid address that can be located using Google Maps).


On the account overview screen open the ByD adaptation mode by clicking on “Adapt” > “Enter Adaption Mode“. You need ByD key user authorizations for this step.


On the adaptation mode of the account overview select “Adapt” > “Edit Screen” and switch to the “Mashups and Webservice” page.

Select the checkbox to make the Google Maps mashup visible and select “Full Width” if you like.



Save and Publish your changes of the ByD account overview screen.


Leave the ByD Adaptation Mode via “Adapt” > “Leave Adaptation Mode“.



Done 🙂

As result you now see a Google Maps frame on your ByD Account Overview screen pointing to the account main address.


Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      Great Blog!

      Author's profile photo Former Member
      Former Member



      This is a good feature!

      I would like to confirm a few details here

      1. Can we get the coordinates of the particular location?
      2. Can we also use coordiates for Work Distribution Rules?

      From my point of view, if there is such feature, why not we fully utilized the functionality not just for display purposes but could bring value. For instance, if we can add a customer to sales unit based on a polygon shapes and sizes that we have defined in WDR. When new customers is created, it can be linked directly to a sales unit based on their location and condinate range.


      Thank you.


      Best regards,

      Edward Leow

      Author's profile photo Haitham Emam
      Haitham Emam

      Hi ,

      Thanks for great blog post.

      I’ve done all steps as you mention in your document but the “pipes” folder under “Mashup” folder not It did not appear how to appear the pipes folder that contain all mashups??.


      Author's profile photo Anantharaj Sivalingam
      Anantharaj Sivalingam

      Hi Haitham Emam,

      if you want to get Mashup->Pipes in your UI, you have to do first step through which user you have logged in SDK.


      if you fallow this, you will get option in your UI.


      Best regards,