controlBar

Specifies the options of the control bar.

Type: Object

The control bar is a panel on a map that helps you navigate this map. This panel contains the pan control and the zoom bar for panning and zooming the map correspondingly. You can change the visibility of the control bar and adjust its colors using the options of the controlBar configuration object.

Show Example:
jQuery

In this example, the appearance of the control bar is changed using the controlBar configuration object.


                                    

                                    

borderColor

Specifies a color for the outline of the control bar elements.

Type: String
Default Value: '#5d5d5d'

This option supports the following colors.

  • hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • predefined/cross-browser color names
  • predefined SVG colors (not supported in Internet Explorer 8)
Show Example:
jQuery

In this example, the control bar border is colored in 'darkseagreen' using the borderColor option.


                                    

                                    

color

Specifies a color for the inner area of the control bar elements.

Type: String
Default Value: '#ffffff'

This option supports the following colors.

  • hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • predefined/cross-browser color names
  • predefined SVG colors (not supported in Internet Explorer 8)
Show Example:
jQuery

In this example, the control bar is colored in 'mistyrose' using the color option.


                                    

                                    

enabled

Specifies whether or not to display the control bar.

Type: Boolean
Default Value: true

Show Example:
jQuery

Toggle the check box below to enable/disable the control bar.