anchor.diff:  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
   <%@ taglib prefix="cdg" uri="customtags" %>
   <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  -
   <script src="${pageContext.request.contextPath}/js/markerwithlabel.js"></script>
   <script>
       var markers = [];
  +    var markerClusterer;
   
       function myclick(image) {
           <c:forEach var="i" begin="0" end="${fn:length(places)-1}">
  -        if("${places[i].imageReference}" == image){
  +        if ("${places[i].imageReference}" == image) {
               google.maps.event.trigger(markers[${i}], "click");
           }
           </c:forEach>
  +    }
  +
  +    function hideMarkers() {
  +        for (var i = 0; i < markers.length; i++) {
  +            markers[i].setVisible(false);
  +        }
  +        markerClusterer.clearMarkers();
  +    }
  +    function showMarkers() {
  +        for (var i = 0; i < markers.length; i++) {
  +            markers[i].setVisible(true);
  +        }
  +        markerClusterer.addMarkers(markers);
  +    }
  +
  +    function showRouteMarkers(mark){
  +
       }
   
       function initStartMarkers() {
  
positive.code:             info: contentString,
              labelContent: pictureLabel,
              labelAnchor: new google.maps.Point(22, 0),
              labelClass: "labels", // the CSS class for the label
              labelVisible: true
          });
  
  
negative.code:         });
          markers.push(marker);
          </c:forEach>
          markerClusterer = new MarkerClusterer(map, markers,
                  {
                      ignoreHidden: true,
                      maxZoom: 16,
                      gridSize: 50,
                      styles: null
  