Mouse/touch click to lerp camera to location for browser + mobile

Questions
1

So far - Babylon.js Playground

I’m trying to create a map with a few thousand location markers and would like the user to be able to zoom into the mouse location with the scroll wheel + use pinch to zoom on mobile.And when zooming out the zoom goes back to the original camera location.

or alternatively

Tap a location on the mesh to zoom and lerp/move the camera to that location and when zooming out the zoom goes back to the original camera location.

Any help/ideas would be most appreciated.

2

Hi.
https://www.babylonjs-playground.com/#LXZPJK#139
https://www.babylonjs-playground.com/#7B4S6A#1
https://www.babylonjs-playground.com/#LXZPJK#131
https://www.babylonjs-playground.com/#STX192#16
For zoom in you can use examples
For zoom out you can save camera position in variable before zoom start and lerp to this position from current position when zoom out
For zoom with scroll you can use maybe raycaster and place target in picked mesh position https://www.babylonjs-playground.com/#KNE0O#82