title: show marker only on zoom level 15 google map api v3
body: <p>As you can see on the map i want to hide the text (image) on all zoom level but in 15. Can you please help me?
  Here some exemples for zoom_changed
  <a href="https://developers.google.com/maps/documentation/javascript/events" rel="nofollow">https://developers.google.com/maps/documentation/javascript/events</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
  
   var mapCenter = new google.maps.LatLng(38.153850,40.949821); //Google map Coordinates
   var map;
   map_initialize(); // initialize google map
   
   //############### Google Map Initialize ##############
   function map_initialize()
   {
     var googleMapOptions = 
     { 
      center: mapCenter, // map center
      zoom: 15, //zoom level, 0 = earth view to higher value
      maxZoom: 20,
      minZoom: 6,
      streetViewControl: false, // desactiver le zoom
      zoomControlOptions: {
      style: google.maps.ZoomControlStyle.BIG //zoom control size
     },
      scaleControl: true, // enable scale control
      mapTypeId: google.maps.MapTypeId.HYBRID // google map type
     };
    
        map = new google.maps.Map(document.getElementById("google_map"), googleMapOptions); 
  
  
  
   {
   
   
  var label = new google.maps.Marker({
      position: new google.maps.LatLng(38.153850,40.949821),
      map: map,
      icon: "https://kocer.org/map_src/imgs/test.png"
  }); 
   
  
  
  
  
  
   
     //Load Markers from the XML File, Check (process.php)
     $.get("map_src/process.php", function (data) {
      $(data).find("marker").each(function () {
         var name   = $(this).attr('name');
         var description  = '&lt;p&gt;'+ $(this).attr('description') +'&lt;/p&gt;';
         var type   = $(this).attr('type');
         var point  = new google.maps.LatLng(parseFloat($(this).attr('lat')),parseFloat($(this).attr('lng')));
         create_marker(point, name, description, false, false, false, "map_src/imgs/kesk.png");
      });
     }); 
     }
  
  
  
  
  
  
  
     
     //Right Click to Drop a New Marker
     google.maps.event.addListener(map, 'rightclick', function(event) {
      //Edit form to be displayed with new marker
      var EditForm = '&lt;p&gt;&lt;div class="marker-edit"&gt;'+
      '&lt;form action="map_src/ajax-save.php" method="POST" name="SaveMarker" id="SaveMarker"&gt;'+
      '&lt;label for="pName"&gt;&lt;span&gt;Nav :&lt;/span&gt;&lt;input type="text" name="pName" class="save-name" maxlength="40" /&gt;&lt;/label&gt;'+
      '&lt;label for="pDesc"&gt;&lt;span&gt;Derheq :&lt;/span&gt;&lt;textarea name="pDesc" class="save-desc" maxlength="150"&gt;&lt;/textarea&gt;&lt;/label&gt;'+
      '&lt;label for="pType"&gt;&lt;span&gt;T&amp;icirc;pa C&amp;icirc;h :&lt;/span&gt; &lt;select name="pType" class="save-type"&gt;&lt;option value="gund"&gt;Gund&lt;/option&gt;&lt;option value="navce"&gt;Nav&amp;ccedil;e&lt;/option&gt;&lt;option value="bajar"&gt;Bajar&lt;/option&gt;'+
      '&lt;option value="tax"&gt;Tax&lt;/option&gt;&lt;/select&gt;&lt;/label&gt;'+
      '&lt;/form&gt;'+
      '&lt;/div&gt;&lt;/p&gt;&lt;button name="save-marker" class="save-marker"&gt;&amp;Ccedil;&amp;ecirc; bike&lt;/button&gt;';
  
      //Drop a new Marker with our Edit Form
      create_marker(event.latLng, 'C&amp;icirc;hek N&amp;ucirc;', EditForm, true, true, true, "map_src/imgs/sor.png");
     });
  
  
     
     //Right Click to Drop a New Marker
     google.maps.event.addListener(map, 'longpress', function(event) {
      //Edit form to be displayed with new marker
      var EditForm = '&lt;p&gt;&lt;div class="marker-edit"&gt;'+
      '&lt;form action="map_src/ajax-save.php" method="POST" name="SaveMarker" id="SaveMarker"&gt;'+
      '&lt;label for="pName"&gt;&lt;span&gt;Nav :&lt;/span&gt;&lt;input type="text" name="pName" class="save-name" maxlength="40" /&gt;&lt;/label&gt;'+
      '&lt;label for="pDesc"&gt;&lt;span&gt;Derheq :&lt;/span&gt;&lt;textarea name="pDesc" class="save-desc" maxlength="150"&gt;&lt;/textarea&gt;&lt;/label&gt;'+
      '&lt;label for="pType"&gt;&lt;span&gt;T&amp;icirc;pa C&amp;icirc;h :&lt;/span&gt; &lt;select name="pType" class="save-type"&gt;&lt;option value="gund"&gt;Gund&lt;/option&gt;&lt;option value="navce"&gt;Nav&amp;ccedil;e&lt;/option&gt;&lt;option value="bajar"&gt;Bajar&lt;/option&gt;'+
      '&lt;option value="tax"&gt;Tax&lt;/option&gt;&lt;/select&gt;&lt;/label&gt;'+
      '&lt;/form&gt;'+
      '&lt;/div&gt;&lt;/p&gt;&lt;button name="save-marker" class="save-marker"&gt;&amp;Ccedil;&amp;ecirc; bike&lt;/button&gt;';
  
      //Drop a new Marker with our Edit Form
      create_marker(event.latLng, 'C&amp;icirc;hek N&amp;ucirc;', EditForm, true, true, true, "map_src/imgs/sor.png");
     });
  
  
   // Bounds for Kurdistan
   var strictBounds = new google.maps.LatLngBounds(
   new google.maps.LatLng(34.759666,35.923462),
   new google.maps.LatLng(42.642041,47.206421));
  
   // Listen for the dragend event
   google.maps.event.addListener(map, 'dragend', function () {
       if (strictBounds.contains(map.getCenter())) return;
  
       // We're out of bounds - Move the map back within the bounds
  
       var c = map.getCenter(),
           x = c.lng(),
           y = c.lat(),
           maxX = strictBounds.getNorthEast().lng(),
           maxY = strictBounds.getNorthEast().lat(),
           minX = strictBounds.getSouthWest().lng(),
           minY = strictBounds.getSouthWest().lat();
  
       if (x &lt; minX) x = minX;
       if (x &gt; maxX) x = maxX;
       if (y &lt; minY) y = minY;
       if (y &gt; maxY) y = maxY;
  
       map.setCenter(new google.maps.LatLng(y, x));
   });          
  
  
     }
  
  
  
   //############### Create Marker Function ##############
   function create_marker(MapPos, MapTitle, MapDesc,  InfoOpenDefault, DragAble, Removable, iconPath)
   {          
    
    //new marker
    var marker = new google.maps.Marker({
     position: MapPos,
     map: map,
     draggable:DragAble,
     icon: iconPath
    });
  
    
    //Content structure of info Window for the Markers
    var contentString = $('&lt;div class="marker-info-win"&gt;'+
    '&lt;div class="marker-inner-win"&gt;&lt;span class="info-content"&gt;'+
    '&lt;h1 class="marker-heading"&gt;'+MapTitle+'&lt;/h1&gt;'+
    MapDesc+ 
    '&lt;/span&gt;&lt;button name="remove-marker" class="remove-marker"&gt;&lt;/button&gt;'+
    '&lt;/div&gt;&lt;/div&gt;'); 
  
    
    //Create an infoWindow
    var infowindow = new google.maps.InfoWindow();
    //set the content of infoWindow
    infowindow.setContent(contentString[0]);
  
    //Find remove button in infoWindow
    var removeBtn  = contentString.find('button.remove-marker')[0];
    var saveBtn  = contentString.find('button.save-marker')[0];
  
    //add click listner to remove marker button
    google.maps.event.addDomListener(removeBtn, "click", function(event) {
     remove_marker(marker);
    });
   
    if(typeof saveBtn !== 'undefined') //continue only when save button is present
    {
     //add click listner to save marker button
     google.maps.event.addDomListener(saveBtn, "click", function(event) {
      var mReplace = contentString.find('span.info-content'); //html to be replaced after success
      var mName = contentString.find('input.save-name')[0].value; //name input field value
      var mDesc  = contentString.find('textarea.save-desc')[0].value; //description input field value
      var mType = contentString.find('select.save-type')[0].value; //type of marker
      
      
       save_marker(marker, mName, mDesc, mType, mReplace); //call save marker function
     
     });
    }
    
    //add click listner to save marker button   
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker); // click on marker opens info window 
       });
      
    if(InfoOpenDefault) //whether info window should be open by default
    {
      infowindow.open(map,marker);
    }
   }
   
   //############### Remove Marker Function ##############
   function remove_marker(Marker)
   {
    
    /* determine whether marker is draggable 
    new markers are draggable and saved markers are fixed */
    if(Marker.getDraggable()) 
    {
     Marker.setMap(null); //just remove new marker
    }
    else
    {
     //Remove saved marker from DB and map using jQuery Ajax
     var mLatLang = Marker.getPosition().toUrlValue(); //get marker position
     var myData = {del : 'false', latlang : mLatLang}; //post variables
     $.ajax({
       type: "POST",
       url: "map_src/process.php",
       data: myData,
       success:function(data){
       Marker.setMap(null); 
      },
      error:function (xhr, ajaxOptions, thrownError){
      }
     });
    }
  
   }
   
   //############### Save Marker Function ##############
   function save_marker(Marker, mName, mAddress, mType, replaceWin)
   {
    //Save new marker using jQuery Ajax
    var mLatLang = Marker.getPosition().toUrlValue(); //get marker position
    var myData = {name : mName, description : mAddress, latlang : mLatLang, type : mType }; //post variables
    console.log(replaceWin);  
    $.ajax({
      type: "POST",
      url: "map_src/process.php",
      data: myData,
      success:function(data){
      replaceWin.html(data); //replace info window with new html
      Marker.setDraggable(true); //set marker to fixed
      Marker.setIcon('map_src/imgs/zer.png'); //replace icon
              },
              error:function (xhr, ajaxOptions, thrownError){
              }
    });
  
  
    }
  
    
    google.maps.event.addDomListener(window, 'load', initialize);
  
  }
   );</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#google_map { position: absolute; height: 537px; width:1005px; }
  .marker-edit label{display:block;margin-bottom: 5px;}
  .marker-edit label span {width: 100px;float: left;}
  .marker-edit label input, .marker-edit label select{height: 24px;}
  .marker-edit label textarea{height: 60px;}
  .marker-edit label input, .marker-edit label select, .marker-edit label textarea {width: 60%;margin:0px;padding-left: 5px;border: 1px solid #DDD;border-radius: 5px;}
  
  h1.marker-heading{color: #585858;margin: 0px;padding: 0px;font: 18px "Trebuchet MS", Arial;border-bottom: 1px solid #D8D8D8;}
  div.marker-info-win {max-width: 300px;margin-right: -20px;}
  div.marker-info-win p{padding: 0px;margin: 10px 0px 10px 0;}
  div.marker-inner-win{padding: 5px;}
  button.save-marker, button.remove-marker{font_size:16px; border: none;background: rgba(0, 0, 0, 0);color: #00F;padding: 0px;text-decoration: underline;margin-right: 10px;cursor: pointer;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
    &lt;head&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;
      &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"/&gt;
      &lt;script type="text/javascript" src="https://kocer.org/javascripts/latest-jquery.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
    &lt;body onload="load()"&gt;
      &lt;div id="google_map" style="width: 500px; height: 300px"&gt;&lt;/div&gt;
    &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>