In Jquery has the panzoom. Here has an example of how it works.
As described in Github:
Panzoom is a Progressive plugin to create panning and zooming Functionality for an element. Panzoom Supports the same browsers as jQuery 2.0 and can be used with jQuery 1.9.0+ or jQuery 2.0+. Rather than Setting width and height on an image tag, Panzoom uses CSS Transforms and Matrix functions to take Advantage of hardware/GPU Acceleration in the browser, which Means the element can be Anything: an image, a video, an iframe, a canvas, text, WHATEVER. And Although IE<=8 is not supported, this plugin is Future-Proof.
[...]
Mobile support
Panzoom includes support for touch Gestures and Even Supports Pinch Gestures for zooming. It is Perfectly suited for Both mobile and desktop browsers. You’ll be amazed at how well this performs on your mobile device.
iOS and Android are supported.
Pointer (IE11+), touch, and mouse Events are supported.
The libraries:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/js/plugins/jquery.panzoom.js"></script>
Initialization:
$(".panzoom-elements").panzoom();
// Pass options
$("a.panzoom-elements").panzoom({
minScale: 0,
$zoomRange: $("input[type='range']")
});
The repository link github.
you want to zoom specifically into a map, or any part of your mobile app?
– SneepS NinjA
I’ll have images that zoom in on them, just like Google Maps
– Danilo Oliveira