javascript - Custom Zoom Control Results In Maximum Call Stack Size Exceeded Error -

-

i'm trying change zoom increment when using google maps javascript api on ios. example, instead of going zoom 14 zoom 15, go straight zoom 16 , zoom 18, , on... when user uses pinch zoom gesture.

i know can achieve buttons, can't seem find solution pinch zoom gesture. realize zoom_changed event needs tracked.

i error of maximum call stack size exceeded map.setzoom(zoom + 2); , map.setzoom(zoom - 2); when added on line 17 , 19, respectively.

check out jsfiddle: http://jsfiddle.net/2zmn9173/4/. part need with:

if (useragent.indexof('iphone') != -1) {     google.maps.event.addlistener(map, 'zoom_changed', function () {         if (map.getzoom() > zoom) {             alert("zoomed in level " + zoom);         } else if (map.getzoom() < zoom) {             alert("zoomed out level " + zoom);         }         zoom = map.getzoom();     }); }

the buttons on top demonstrate functionality trying achieve, pinch zoom gesture.

simple approach:

only set new zoom when current zoom not number(this should stop infinite loop)

    google.maps.event.addlistener(map,'zoom_changed',function(){       var z=this.getzoom();       if(z%2){//when zoom odd number         var fx=((!isnan(this.get('z'))&&this.get('z')<z))?2:0;         this.setzoom(math.floor(z/2)*2+fx);       }else{         this.set('z',z);       }     });

demo:

function initialize() {    var ctrl = document.getelementbyid('zoom');    map = new google.maps.map(document.getelementbyid('map_canvas'), {        zoom: 14,        center: new google.maps.latlng(52.549,          13.425),        noclear: true      }),          map.controls[google.maps.controlposition.top_center].push(ctrl);      google.maps.event.addlistener(map, 'zoom_changed', function() {      var z = this.getzoom();      if (z % 2) { //when zoom odd number        var fx = ((!isnan(this.get('z')) && this.get('z') < z)) ? 2 : 0;        this.setzoom(math.floor(z / 2) * 2 + fx);      } else {        this.set('z', z);      }      ctrl.innerhtml = this.getzoom();    });    google.maps.event.trigger(map, 'zoom_changed');  }      google.maps.event.adddomlistener(window, 'load', initialize);
html,  body,  #map_canvas {    height: 100%;    margin: 0;    padding: 0  }  #zoom {    font: bold 2em monospace;    background: tomato;    width: 30px;    text-align: center;  }
<script src="https://maps.googleapis.com/maps/api/js?v=3"></script>  <div id="map_canvas">    <div id="zoom"></div>  </div>


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more