ByD Account Overview with Google Maps Mashup

[knutheusermann]

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>
Status:	set to "active"
Type:	"URL"
URL:	https://maps.google.com/
Height:	<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.

.