Pan to centre on click

I need to pan the clicked object to the center every time. It works when I set the _viewer.viewport.goHome(true); before re pan / Zoom but when I remove it does not bring the object to the center of the screen. Please let me know where I’m wrong. Thanx

export function setTransformationLevel(scaleLevel, x, y) {
 _viewer.viewport.goHome(true);
    let point = snapDragon.getMousePosition({ pageX: x, pageY: y });
    let vp = _viewer.viewport.pointFromPixel(point, true);
    let vpX = vp.x;
    let vpY = vp.y;
    if (x <= 146 || x >= 1275 || y < 47 || y>624.9793700777778) {
      _viewer.viewport.zoomTo(scaleLevel, new snapDragon.Point(vpX, vpY), false);
      return true;
    }else{
    _viewer.viewport.panTo({ x:vpX, y:vpY}); 
    _viewer.viewport.zoomTo(scaleLevel,null, false);
    }
  return true;
}

[iangilman]

Sure, here’s an example using fitBounds:

https://codepen.io/iangilman/pen/poeqovO

[jamtechdev]

@iangilman Sir, Thank you so much. Things are working as expected now. It would never have happened without your guidance.