https://www.dmstamponline.com/notarymap/map-interact.js

1$(function(){
2			addEvent('map_1');
3			addEvent('map_2');
4			addEvent('map_3');
5			addEvent('map_4');
6			addEvent('map_5');
7			addEvent('map_6');
8			addEvent('map_7');
9			addEvent('map_8');
10			addEvent('map_9');
11			addEvent('map_10');
12			addEvent('map_11');
13			addEvent('map_12');
14			addEvent('map_13');
15			addEvent('map_14');
16			addEvent('map_15');
17			addEvent('map_16');
18			addEvent('map_17');
19			addEvent('map_18');
20			addEvent('map_19');
21			addEvent('map_20');
22			addEvent('map_21');
23			addEvent('map_22');
24			addEvent('map_23');
25			addEvent('map_24');
26			addEvent('map_25');
27			addEvent('map_26');
28			addEvent('map_27');
29			addEvent('map_28');
30			addEvent('map_29');
31			addEvent('map_30');
32			addEvent('map_31');
33			addEvent('map_32');
34			addEvent('map_33');
35			addEvent('map_34');
36			addEvent('map_35');
37			addEvent('map_36');
38			addEvent('map_37');
39			addEvent('map_38');
40			addEvent('map_39');
41			addEvent('map_40');
42			addEvent('map_41');
43			addEvent('map_42');
44			addEvent('map_43');
45			addEvent('map_44');
46			addEvent('map_45');
47			addEvent('map_46');
48			addEvent('map_47');
49			addEvent('map_48');
50			addEvent('map_49');
51			addEvent('map_50');
52			addEvent('map_51');
53})
54
55$(function(){
56	//lakes's color and border color
57	if($('#lakes').find('path').eq(0).attr('fill') != 'undefined'){
58		$('#lakes').find('path').attr({'fill':map_config['default']['lakescolor']}).css({'stroke':map_config['default']['bordercolor']});
59	}
60
61	//configuration for title text's shadow
62	$('.tip').css({
63		'box-shadow':'1px 2px 4px '+map_config['default']['namesShadowColor'],
64		'-moz-box-shadow':'2px 3px 6px '+map_config['default']['namesShadowColor'],
65		'-webkit-box-shadow':'2px 3px 6px '+map_config['default']['namesShadowColor'],
66	});
67
68	//configuration for map shadow
69	if($('#shadow').find('path').eq(0).attr('fill') != 'undefined'){
70		var shadowOpacity = map_config['default']['shadowOpacity'];
71		var shadowOpacity = parseInt(shadowOpacity);
72		if (shadowOpacity >=100){shadowOpacity = 1;}else if(shadowOpacity <=0){shadowOpacity =0;}else{shadowOpacity = shadowOpacity/100;}
73		
74		$('#shadow').find('path').attr({'fill':map_config['default']['shadowcolor']}).css({'fill-opacity':shadowOpacity})
75	}
76});
77
78function addEvent(id,relationId){
79	var _obj = $('#'+id);
80	var _Textobj = $('#'+id+','+'#'+map_config[id]['namesId']);
81	var _h = $('#map').height();
82
83	$('#'+map_config[id]['namesId']).find('tspan').attr({'fill':map_config['default']['namescolor']});
84
85		_obj.attr({'fill':map_config[id]['upcolor'],'stroke':map_config['default']['bordercolor']});
86		_Textobj.attr({'cursor':'default'});
87		if(map_config[id]['enable'] == true){
88			_Textobj.attr({'cursor':'pointer'});
89			_Textobj.hover(function(){
90				//moving in/out effect
91				$('#tip').show().html(map_config[id]['name']);
92				_obj.css({'fill':map_config[id]['overcolor']})
93
94			},function(){
95				$('#tip').hide();
96				$('#'+id).css({'fill':map_config[id]['upcolor']});
97			})
98			//clicking effect
99			_Textobj.mousedown(function(){
100				$('#'+id).css({'fill':map_config[id]['downcolor']});
101			})
102			_Textobj.mouseup(function(){
103				$('#'+id).css({'fill':map_config[id]['overcolor']});
104				if(map_config[id]['target'] == '_blank'){
105					window.open(map_config[id]['url']);	
106				}else{
107					window.location.href=map_config[id]['url'];
108				}
109			})
110			_Textobj.mousemove(function(e){
111				var x=e.pageX-20, y=e.pageY+(-38);
112				var tipw=$('#tip').outerWidth(), tiph=$('#tip').outerHeight(), 
113				x=(x+tipw>$(document).scrollLeft()+$(window).width())? x-tipw-(20*2) : x
114				y=(y+tiph>$(document).scrollTop()+$(window).height())? $(document).scrollTop()+$(window).height()-tiph-10 : y
115				$('#tip').css({left:x, top:y})
116			})
117		}	
118}
119