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'
});
})
}
코드는 다음과 같습니다!