Configuring Siebel Open UI > Customizing Siebel Open UI for Mobile Applications > Configuring Siebel Open UI to Interact With Other Mobile Applications >

Adding Maps That Include Location Data in a Mobile Application

This topic describes how to configure Siebel Open UI to add maps that include location data in a mobile application. Siebel Open UI uses the location of the mobile device service to map contacts. It can access these services through methods. The location service framework allows you to use the zip code or postal code to map contacts, accounts, or activities. For more information, Method That Integrates Google Maps.

To add maps that include location data in a mobile application

1. Make sure you prepare the data that this example requires.

   For more information, see Setting Up Configuration for Mobile Examples.

2. Add a map button to the Contact List Applet and configure Siebel Open UI to display the Address field:
   1. Log in to Siebel Tools. Choose the Siebel Mobile tag in the log in dialog box.
   2. In the Object Explorer, click Applet.
   3. In the Applets list, query the Name property for Contact List Applet.
   4. Choose the Tools menu and then click Lock Project
   5. In the Object Explorer, expand the Applet tree, expand the List tree, and then click List Column.
   6. In the List Columns list, add a new record using values from the following table.

      Property	Value
      Name	Personal Full Address
      Field	Personal Full Address
      Display Name - String Reference	SBL_ADDRESS-1004224839-0NU

   7. In the Object Explorer, click Control.
   8. In the Controls list, add a new record using values from the following table.

      Property	Value
      Name	ShowAccounts
      Caption - String Reference	SBL_MAP-1009093849-828
      HTML Type	MiniButton
      Method Invoked	ShowMapLocations

   9. In the Object Explorer, click Applet Web Template.
   10. In the Applet Web Templates list, query the Name property for Edit List.
   11. In the Object Explorer, expand the Applet Web Template tree and then click Applet Web Template Item.
   12. In the Applet Web Template Items list, query the Name property for Account, and then set the Inactive property to TRUE.
   13. In the Applet Web Templates list, right-click the Edit List record and then click Edit Web Layout.
   14. In the Web Layout Editor, drag and drop the following list column from the Controls/Columns Palette to an appropriate location in the canvas:

   'Personal Full Address' (Display Name: Address)

   15. Drag and drop the following control from the Controls/Columns Palette to an appropriate location in the canvas:

   'ShowAccounts' (Display Name: Map)

   16. Save your work and then close the Web Layout Editor.
   17. In the Object Explorer, click Applet.
   18. In the Applets list, right-click the Contact List Applet and then click Compile Selected Objects. Compile this applet into the SRF that the client uses.
3. Modify the mobile contact list view to use the correct web template:
   1. In the Object Explorer, click Web Template.
   2. In the Web Templates list, add a new record using values from the following table.

      Property	Value
      Name	View Detail Map Mobile
      Project	Mobile LS
      Type	View Template

   3. In the Object Explorer, expand the Web Template tree and then click Web Template File.
   4. In the Web Template Files list, add a new record using values from the following table.

      Property	Value
      Name	View Detail Map Mobile Template
      File Name	CCViewDetailMap_Mobile.swt
      Bitmap	CCViewDetailMap_Mobile.swt

   5. Right-click the View Detail Map Mobile Template record and then click Compile Selected Objects. Compile this file into the SRF that the client uses.
   6. In the Object Explorer, click View.
   7. In the View list, query the Name property for Pharma Contact List View - Mobile.
   8. In the Object Explorer, expand the View tree and then click View Web Template.
   9. In the View Web Templates list, query the Name property for Base and then set properties using values from the following table.

      Property	Value
      Web Template	View Detail Map Mobile

   10. In the Views list, right-click the Pharma Contact List View - Mobile record and then click Compile Selected Objects. Compile this file into the SRF that the client uses.
4. Verify your work:
   1. Use Safari to open the ePharmace application.
   2. Reset Safari for mobile mode.
   3. Navigate to the Contacts screen.
   4. Make sure Siebel Open UI displays a Map button on the contact list applet.

      If Safari does not display the map, then make sure you set the Safari browser proxy correctly.

   5. Click the Map button and make sure Siebel Open UI displays a Google map at the bottom of the list applet.
   6. Make sure the map includes markers that identify the physical location of the contacts. For example: