How to Adjust the Map Size

27-10 Web User Interface Developers Guide for Oracle Application Development Framework

27.4.4 How to Customize Point Images in a Point Theme

A map point theme uses a default image to identify each point. However, you can specify multiple custom images for a point theme and identify the range of data values that each image should represent. You define a dvt:mapPointStyleItem tag for each custom image that you want to use in a map point theme. To customize the images for points in a map point theme: 1. In the Structure window, right-click the dvt:mapPointTheme node and select Insert inside dvt:mapPointTheme Point Style Item. 2. In the ensuing Insert Point Style Item wizard, provide settings for the data value range of this custom point by doing the following: a. In Step 1 of the wizard Common Properties, you must specify the URL for the image that should be displayed on the map for a point that falls in the data value range for this custom image. b. In Step 2 of the wizard Advanced Properties, specify the data value range that this custom image should represent by entering values in MaxValue and MinValue fields. c. In the Id field, enter a unique identifier for the custom image that you are defining. d. In the Short Label field, specify the descriptive text that you want to display in front of the actual data value when a user hovers the cursor over a point that falls in the range represented by this tag. For example, you might want to enter the following text for a custom point that falls in the lowest data value range: Low Inventory. e. Optionally, specify different image URLs for a hover image and a selected image.

f. Click Finish.

3. Repeat Step 1 and Step 2 for each custom image that you want to create for your point theme.

27.4.5 What Happens When You Customize the Point Images in a Map

When you use the Insert Point Style Item wizard to specify a custom image representing a range of data values for a point theme, a child dvt:mapPointStyleItem tag is defined inside the parent dvt:mapPointTheme tag. Example 27–2 shows the code generated on a JSF page for a map point theme that has three custom point images that represent ranges of inventory at each warehouse point. The initial point style setting ps0 applies to values that do not exceed 500. This point style displays an image for very low inventory and provides corresponding tooltip information. The second point style setting ps1 applies to values between 500 and 1000. This point style displays an image for low inventory and provides corresponding tooltip information. The final point style setting ps2 applies to values between 1000 and 1600. This point style displays an image for high inventory and provides corresponding tooltip information. Using ADF Geographic Map Components 27-11 Example 27–2 Map Point Theme Code with Custom Point Images dvt:map id=map1 . . . dvt:mapPointTheme id=mapPointTheme1 shortLabel=Warehouse Inventory value={bindings.WarehouseStockLevelsByProduct1.geoMapModel} dvt:mapPointStyleItem id=ps0 minValue=0 maxValue=500 imageURL=imageslow.png selectedImageURL=imageslowSelected.png shortLabel=Very Low Inventory dvt:mapPointStyleItem id=ps1 minValue=500 maxValue=1000 imageURL=imagesmedium.png selectedImageURL=imagesmediumSelected.png shortLabel=Low Inventory dvt:mapPointStyleItem id=ps2 minValue=1000 maxValue=1600 imageURL=imagesregularGreen.png selectedImageURL=imagesregularGreenSelected.png shortLabel=High Inventory dvt:mapPointTheme dvt:map

27.4.6 How to Customize the Bars in a Bar Graph Theme

When you create a map bar graph theme, default colors are assigned to the bars in the graph. You can customize the colors of the bars by using the mapBarSeriesSet tag and the mapBarSeriesItem tag. Use one mapBarSeriesSet tag to wrap all the mapBarSeriesItem tags for a bar graph theme and insert a mapBarSeriesItem tag for each bar in the graph. To customize the color of the bars in a map bar graph theme: 1. In the Structure window, right-click the dvt:mapBarGraphTheme tag and choose Insert inside dvt:mapBarGraphTheme Map Bar Series Set. There are no attributes to set for this tag. It is used to wrap the individual bar series item tags.

2. In the Structure window, right-click the dvt:mapBarSeriesSet tag and choose

Insert inside dvt:mapBarSeriesSet Map Bar Series Item. 3. In the Property Inspector, enter any unique ID and color you want to use for the first bar that appears in the graph. To find the sequence of the bars in the graph, examine the Edit Bar Graph Map Theme Binding dialog. The sequence of the entries in the Series Attribute column of that dialog determines the sequence that bars appear in the graph. For example, in Figure 27–6 , the first bar in the graph represents Income2000 and the second bar represents Income2005.