GIS MarkerCluster

var markerCluster = null;
var arrayMarkerArho=[];

$('#viewMarkerCluster').change(function() {
	if($(this).is(':checked')){
		$.getJSON('ini.json', function(data){
			if (data.length>0) {
				$.each(data, function(i, item) {
					var lokasiMarker = new google.maps.Marker({
						position: new google.maps.LatLng(parseFloat(item.lat),parseFloat(item.lng)),
						icon: 'images/cabang.png',
						title: item.NO_AGGR,
						zIndex:99
					});

					arrayMarkerArho.push(lokasiMarker);

					google.maps.event.addListener(lokasiMarker, 'click', function() {
						var content =  '<div class="infoContainer" style="'+infoContainerBorderStyle+'">';
							content += '	<div class="infoBox_headerFramePOI">';
							content += '		<div style="'+headerMTitleBorder+'">'+item.NO_AGGR+' (Nomor Anggaran)</div>';
							content += '		<div style="'+headerMSubTitleBorder+'">ARHO Visit Information '+item.TGL_ACTION+'</div>';
							content += '	</div>';
							content += '	<table style="width:370px;">';
							content += '		<tr>';
							content += '			<td width="130px" style="padding-left:10px;">Latitude</td>';
							content += '			<td><div style="'+textaValueStyle+'">'+item.lat+'</div></td>';
							content += '		</tr>';
							content += '		<tr>';
							content += '			<td style="padding-left:10px;">Longitude</td>';
							content += '			<td><div style="'+textaValueStyle+'">'+item.lng+'</div></td>';
							content += '		</tr>';
							content += '	</table>';
							content += '</div>';

							infoMarker.setContent(content);
							infoMarker.open(map, lokasiMarker);
							currentLat = item.lat;
							currentLng = item.lng;
					});
				});
			}

			var mcOptions = {
				maxZoom: 20,
				gridSize: 15,
				minimumClusterSize: 2
			};

			markerCluster = new MarkerClusterer(map, arrayMarkerArho, mcOptions);
			markerCluster.setMap(map);
		});
	} else {
		removeMarkerCLuster();
	}
})

function removeMarkerCLuster(){
	if (arrayMarkerArho.length>0){
	 for(var i = 0;i < arrayMarkerArho.length; i++){
		arrayMarkerArho[i].setMap(null);
	 }
	}

	markerCluster.setMap(null);
	markerCluster.clearMarkers();
	arrayMarkerArho=[];
	infoMarker.open(null);
}