폴리곤 mouseover(마우스 오버) 깜빡거림

com-gif-maker

gif로 변환해서 올리다보니 잘 안보이는데 폴리곤 영역 내에서 마우스가 움직일 때 마다 깜빡거리네요 ㅠㅠ

function displayArea(name, coordinates){
	var path = [];
	var points = [];

	$.each(coordinates[0], function(index, coordinate){
		var point = new Object();
		point.x = coordinate[1];
		point.y = coordinate[0];
		points.push(point);
		path.push(new daum.maps.LatLng(coordinate[1], coordinate[0]));
	})

	var polygon = new daum.maps.Polygon({
        map: map, // 다각형을 표시할 지도 객체
        path: path,
        strokeWeight: 2,
        strokeColor: '#004c80',
        strokeOpacity: 0.8,
        fillColor: '#09f',
        fillOpacity: 0.6
	});

	polygons.push(polygon);
	var polygon_center = centeroid(points);

	name = name.replace("경기도 이천시 ", "");

	var content = '<div class ="label" style ="color:black; font-weight:bold";><span class="left" ></span><span class="center">' + name + '</span><span class="right"></span></div>';
	var position = new kakao.maps.LatLng(polygon_center['Ha'], polygon_center['Ga']);  
	var customOverlay = new kakao.maps.CustomOverlay({
	    position: position,
    	content: content   
	});

	customOverlay.setMap(map);

	kakao.maps.event.addListener(polygon, 'mouseover', function(mouseEvent){
		polygon.setOptions({
			fillColor : '#fffffff'
		});
	});

	kakao.maps.event.addListener(polygon, 'mouseout', function(){
		polygon.setOptions({
			fillColor : '#09f'
		});
	})
}

코드는 다음과 같습니다!

hex color code에 맞게 color를 넣어주어야 합니다.

kakao.maps.event.addListener(polygon, 'mouseover', function(mouseEvent){
	polygon.setOptions({
		// fillColor : '#fffffff' (X) 
           fillColor : '#ffffff' // (O)
	});
});