Zoom In and Out of Google Maps based on Increments of 3
<p>I earlier asked <a href="https://stackoverflow.com/questions/31886371/custom-zoom-control-results-in-maximum-call-stack-size-exceeded-error"><strong>this</strong></a> question which had a great solution (see below), but now I am wondering if it's possible to modify the zoom in and out levels of Google Maps API so that the map changes based on increments of 3 as the <code>zoom_changed</code> event is triggered?</p>

<p>This solution from the previous thread worked well for increments of 2:</p>

<pre><code>google.maps.event.addListener(map,'zoom_changed',function(){
    var z = this.getZoom();
    if (z % 2) { //when zoom is a odd number
        var fx = ((!isNaN(this.get('z')) &amp;&amp; this.get('z') &lt; z)) ? 2:0;
        this.setZoom(Math.floor(z / 2) * 2 + fx);
    } else {
        this.set('z', z);
    }
});
</code></pre>

<p>An example JSFiddle is <strong><a href="https://jsfiddle.net/fxf18wLw/" rel="nofollow">here</a></strong>.</p>

<p>Edit: So the above code works if 2 is replaced by 3. But one thing I'm struggling with is setting the initial zoom to 11. It does not work. Defaults to 9 if zoom rate is 3, or defaults to 10 if zoom rate is 2.</p>