---
schema_version: "1"
id: 6a17c655a9b62d0033d9fdaddf7505cf4b720bdacb1fdbd3a467dc75002777c9
title: Add a Button to Launch Google Maps
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ind/264-0-0/add_a_button_to_launch_google_maps.md
canonical_url: https://help.salesforce.com/s/articleView?id=ind.add_a_button_to_launch_google_maps.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: e29ac2a128d376e8cf3b64a63306f7dc7e802d166e34355b08fb2c32af536ec2
description: Create a button on the Display Detail screen in the Consumer Goods offline mobile app to open Google Maps.
products:
  - Consumer Goods
release: "264"
---
# Add a Button to Launch Google Maps

Create a button on the Display Detail screen in the Consumer Goods offline mobile app to open Google Maps.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Professional</strong>, <strong>Enterprise</strong>, and <strong>Unlimited</strong> Editions that have Consumer Goods Cloud enabled</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d60715e63">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d60715e63 ">To add a button to launch Google Maps:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d60715e63 ">CG Cloud Developer, Admin</td>

          </tr>
        </tbody>
      </table>

Sales reps open Google Maps from a customer’s display record on the Consumer Goods offline mobile app to see the navigation route to the customer’s location. This helps them find the quickest route to customer stores.

1. To combine the maps app launch button and the customer lookup, create a merger control in your Modeler workspace. Add the customer lookup merger control to the MyDisplay\_DisplayDetailsUI.userinterface.xml contract.
    
    ```
    <Merger name="CustomerMerger" pattern="oneInputControlTwoButtonsMax" leftRatio="80" rightRatio="20" >
      <Lookup name="Customer">
        <Bindings>
          <Resource target="Label" type="Label" id="CustomerId" defaultLabel="Customer" />
          <Binding target="Value" binding="ProcessContext::CurrentDisplay.luCustomer.name" bindingMode="TWO_WAY" />
        </Bindings>
        <Events>
          <LookupEvent event="CustomerLookup" />
        </Events>
      </Lookup>
    </Merger>
    ```
2. Create an image button control. In Merger, add the image button as a second control.
    
    ```
    <ImageButton name="NavigateTo">
      <Bindings>
        <Resource target="Image" type="Image" id="Navigate" defaultImage="Navigate" />
        <Binding type="Visible" target="Visible" call="ProcessContext::CurrentDisplay.myHasLuCustomer"/>
      </Bindings>
      <Events>
        <ButtonPressedEvent event="NavigateTo" />
      </Events>
    </ImageButton>
    ```
3. Save your changes.
4. Build your contracts to check for validation errors. Run `sf mdl build`.