# How can I make photodoom's zoom function the same as Google StreetView?

**URL:** <https://forum.babylonjs.com/t/how-can-i-make-photodooms-zoom-function-the-same-as-google-streetview/33325>\
**Category:** Questions\
**Created:** [August 24, 2022, 8:09am UTC](https://forum.babylonjs.com/t/how-can-i-make-photodooms-zoom-function-the-same-as-google-streetview/33325 "2022-08-24T08:09:02Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ioridev](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ioridev/32/38957_2.png) [@ioridev](https://forum.babylonjs.com/u/ioridev)\
**Post date:** [August 24, 2022, 8:09am UTC](https://forum.babylonjs.com/t/how-can-i-make-photodooms-zoom-function-the-same-as-google-streetview/33325/1 "2022-08-24T08:09:03Z")

</div>

Here is a panoramic view using the common ArcRotateCamera.

> **[Babylon.js Playground](https://playground.babylonjs.com/#WP9WDU%23115)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

The mouse wheel zooms in and out by changing its radius. At this time, the background is distorted.

Google street view and panolens do not seem to distort because they are implemented to change fov when zooming in and out.

Has anyone tried to change the fov with the scroll wheel in ArcRotateCamera as well?

I tried rewriting it once with mousewheel.detachControl();, but I had to write inputs in HammerJs for pinch gestures on mobile devices, which was a pain.

---

<div class="post-metadata">

**Author:** ![RaananW](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/raananw/32/28955_2.png) [@RaananW](https://forum.babylonjs.com/u/RaananW)\
**Post date:** [August 24, 2022, 9:04am UTC](https://forum.babylonjs.com/t/how-can-i-make-photodooms-zoom-function-the-same-as-google-streetview/33325/2 "2022-08-24T09:04:46Z")

</div>

Here is a starting point 🙂

[360 | Babylon.js Playground (babylonjs.com)](https://playground.babylonjs.com/#WP9WDU#116)

Now you need to add the dual-pointer-down event to allow pinching. but wheelmap is working as expected

---

<div class="post-metadata">

**Author:** ![ioridev](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ioridev/32/38957_2.png) [@ioridev](https://forum.babylonjs.com/u/ioridev)\
**Post date:** [August 25, 2022, 6:59am UTC](https://forum.babylonjs.com/t/how-can-i-make-photodooms-zoom-function-the-same-as-google-streetview/33325/3 "2022-08-25T06:59:56Z")

</div>

Thanks for the reply.

For those watching this thread, I’ll leave the implementation with the pinch operation added on mobile devices.

> **[GitHub - ioridev/babylonjs-zoom-without-distortion](https://github.com/ioridev/babylonjs-zoom-without-distortion)**
>
> Contribute to ioridev/babylonjs-zoom-without-distortion development by creating an account on GitHub.