Need help.
How can I remove the markers of this code .
I need a function to remove the inserted markers dont work
function hide_markers_kml(){
myParser.hideDocument();
}
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.map {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
}
</style>
</head>
<body>
<div class="map" id="map_canvas"></div>
<script>
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(36.8, -88.8),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var mcOptions = {gridSize: 80, maxZoom: 15};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
markerclusterer = new MarkerClusterer(map, [], mcOptions);
var infoWindow = new google.maps.InfoWindow({maxWidth:800});
var myParser = new geoXML3.parser({
map: map,
singleInfoWindow:true,
createMarker:function(placemark){
var point = placemark.latlng;
var info = "<pre" +
placemark.name + "<br /><br />" + placemark.description + "</pre>";
var marker = new google.maps.Marker({position:point});
google.maps.event.addListener(marker, "click", function(){
infoWindow.setContent(info);
infoWindow.open(map, marker);
});
markerclusterer.addMarker(marker);
}
});
myParser.parse('tanagerproductions_locations_kml.xml');
};
$(document).ready(function(){
initialize();
});
</script>
</script>
<script type="text/javascript">
_uacct = "UA-162157-1";
urchinTracker();
</script>
</body>
</html>