GLOBAL COLOR VARIABLES MapConfig.js contains a collection of global variables which govern the colors that the map is set up to use by default. You can edit these variables to change the basic, default color layout of the map. --------------------------------------------------------------------------- The following variables accept CSS style color definitions, like "red", "black", or "rgb(128,128,128)" g_map_backgroundColor g_map_borderColor g_map_highlightBorderColor g_map_backgroundColor is the color that the canvas is set to before the states are drawn on top of it, defaulted to "black" g_map_borderColor is the color that the outline of the states is traced in when they are not highlighted and defaults to "white" g_map_highlightBorderColor is the color that an individual state's border is traced in when it is highlighted (the mouse hovers over the state) the default setting is "yellow" EXAMPLE: set the background color of the map to be white g_map_backgroundColor = "white"; --------------------------------------------------------------------------- The second type of global color variable that you can change are defined as three dimensional arrays of itegers between 0 and 255 inclusive. These array elements represent the Red, Green and Blue components of the color. These values are not interchangable with the CSS style colors that the other global variables accept. You can't stick "red" into these variables, it won't work. You have to use [255,0,0] if you want red. All variables that expect this type of value end in "RGB" : g_map_baseRGB g_map_highlightRGB g_map_infoBoxFillRGB g_map_infoBoxBorderRGB g_map_infoBoxTextRGB g_map_baseRGB is the color that the states will be filled with when they are not highlighted. The default is a shade of gray, [128,128,128] g_map_highlightRGB is the color that a state is filled with when it is highlighted (hovered over with the mouse) and defaults to a shade of blue equal to [0,100,200] *If the global variable g_map_useInfoBox is set to true then an informational box will appear when a state is hovered over with the mouse. g_map_infoBoxFillRGB is the background color within the informational box and defaults to black [0,0,0] g_map_infoBoxBorderRGB is the color of the border around the info box and defaults to white [255,255,255] g_map_infoBoxTextRGB is the color of the text inside the info box and is also defaulted to white [255,255,255] EXAMPLE: set the color of the states when not highlighted to green g_map_baseRGB = [0, 255, 0]; EXAMPLE: set the color of the states to red when highlighted g_map_highlightRGB = [255,0,0]; EXAMPLE: set the color of the text inside the info box to blue g_map_infoBoxTextRGB = [0, 0, 255]; EXAMPLE: disable the display of the info box completely g_map_useInfoBox = false;