HowTo customize Map visualization in QueryViewer control

Official Content
This documentation is valid for:

To customize how maps are displayed in the QueryViewer control, you have to associate a class with it (below the Appearance group):

image_2021720144833_1_png

Next, open the associated Web Theme object:

image_2021720144933_1_png

And select the class that matches the class associated with the QueryViewer control:

image_2021720145156_1_png

Below the Map Specific group, you will find the properties that allow you to configure the desired user interface for the map:

image_2021720145750_1_png

For example, you will see the Selection Color property and several groups of properties:

image_2021720145915_1_png

  • Selection Color property: Allows you to change the color of the selected area.

image_2021721103335_1_png

Example: If you define the Selection Color property as follows:

image_2021721103429_1_png

The map will be displayed as shown below:

image_2021721103249_1_png

  • Background group: Provides the Color and Opacity properties of the map’s background.

image_20217201564_1_png

Example: If you make these configurations:

image_202172016322_1_png

The map will be displayed as shown below:

image_202172016641_1_png

  • Title group: Below Font, the following properties are available:

image_202172015712_1_png

Example: If you define the properties of the Title group as follows:

image_202172016846_1_png

The map will be displayed as shown below:

image_202172016917_1_png

  • Series group:                                                                                                                                                            
    • The Box subgroup allows you to modify the Color, Opacity, Border color, and Border width properties of the box that will contain the label of the defined series.
    • The Text subgroup allows you to modify the properties related to the fonts of these labels. Properties include Font, Font Family, Font size, Font style, and Font weight. You can also modify the Foreground color property that allows you to change the color of the label text.

image_202172015759_1_png

Example: If you define the Series group as follows:

image_2021720162643_1_png

The map will be displayed as shown below:

image_2021720162629_1_png

 

  • Tooltip group
    • The Box subgroup allows you to modify the properties of the box that will contain the defined tooltip.
    • The Text subgroup allows you to modify the properties related to the tooltip fonts. The properties you can configure include Font, Font Family, Font size, Font style, and Font weight. In addition, within this subgroup you can also modify the Foreground color property that allows you to change the color of the tooltip text.

image_202172015829_1_png

Example: If you define the Tooltip subcategory as follows:

image_2021720162856_1_png

The map’s tooltip will be displayed as shown below:

image_2021720162939_1_png

 

  • Legend group
    • The Box group allows you to modify the properties of the box that will contain the corresponding map legend.
    • The Text subgroup allows you to modify the properties related to the legend fonts. Among the properties in this group are: Font, Font Family, Font size, Font style, and Font weight. You can also modify the Foreground color property that allows you to change the color of the legend text.

image_202172015953_1_png

Example: If you define the Legend subcategory as follows:

image_2021721102448_1_png

The maps’s legend will be displayed as shown below:

image_202172110256_1_png

 

Availability

This customization in Maps is available since GeneXus 17 upgrade 5.