var pin_config = {
'default':{
'pinShadow':'#000', //shadow color below the points
'pinShadowOpacity':'50', //shadow opacity, value, 0-100
},
'points':[ /*
{
'shape':'rectangle',//choose the shape of the pin circle or rectangle
'hover': 'PARIS
This pin when clicked will open
the URL in a NEW window.',//the content of the hover popup
'pos_X':207,//location of the pin on X axis
'pos_Y':99,//location of the pin on Y axis
'width':8,//width of the rectangle
'height':8,//height of the rectangle
'outline':'#D2D2FF',//outline color of the pin
'thickness':1,//thickness of the line (0 to hide the line)
'upColor':'#0000FF',//color of the pin when map loads
'overColor':'#3399ff',//color of the pin when mouse hover
'downColor':'#00ffff',//color of the pin when clicked
//(trick, if you make this pin un-clickable > make the overColor and downColor the same)
'url':'http://www.html5interactivemaps.com',//URL of this pin
'target':'new_window',//'new_window' opens URL in new window//'same_window' opens URL in the same window //'none' pin is not clickable
'enable':true,//true/false to enable/disable this pin
},
{
'shape':'circle',
'hover': 'NANTES
Here you can write some HTML
formated text.
This pin when clicked will open
the URL in the SAME window.',
'pos_X':89,
'pos_Y':163,
'diameter':8,
'outline':'#FFCECE',
'thickness':1,
'upColor':'#FF0ff0',
'overColor':'#990000',
'downColor':'#00ffff',
'url':'http://www.html5interactivemaps.com',
'target':'same_window',
'enable':true,
},
{
'shape':'circle',
'hover': 'Clermont-Ferrand
*This pin is not clickable*',
'pos_X':229,
'pos_Y':231,
'diameter':8,
'outline':'#FFCECE',
'thickness':0,
'upColor':'orange',
'overColor':'gray',
'downColor':'gray',
'url':'http://www.html5interactivemaps.com',
'target':'none',
'enable':true,
},*/
]
}