Your function takes in the different parameters required to create an address.

You return a text string of the Google API web address, which will return an image.

You need to encode the text to a web-readable format by using the jQuery.sap.encodeURL() function.

You can invoke this model formatter by using the formatter in the view.

Your final code should look like the screenshot below.

Step 8: Update the i18n properties

In the i18n folder, open the i18n.properties file.

Add the new label values to your internationalization file in the Map Fragment section.

mapAltText=Map of location

Step 9: Run your application

Run your app.

When you click on an item for more details, your page should look like the image below.

Step 10: Commit your edits to Git

Once you are satisfied with how your app looks, commit your changes to the Git repository. You can refer to the previous tutorial (steps 10-14).

In addition to being a best practice (creating snapshots of your project in Git that you can revert to in case errors are injected later), the edits to the i18n.properties file will be available for translation in the next tutorial.

If you complete the optional steps below, you should commit your edits after those steps as well.

Optional

Follow the below steps to make your map more unique.

Step 11: Read about Styled Google Maps API

You can modify the URL created in the formatter.js to change features in the outputted map image.

You can modify the URL to include a new style for example by indicating the feature to update, the element within the feature to modify, and the color to change the element to.