GoogleMapのようなscrollでzoomするUI実装

###前提・実現したいこと

PCサイトの制作でheight:6000px,width:6000pxのウィンドウ幅にコンテンツを配置するサイトを制作します。
UIとしてGoogle MapのようなZoomとDragを用いることで大きなウィンドウズ幅での操作性を解消しようと考えています。

・Dragに関して

jQueryUI Droppableを用いて、contentのレイヤ全体を動かすことでgoogleMAPの場合はAjaxで新しく画像・位置情報を取得していますが、静的サイトのためｊQueryUIで実装可能と考えています。

もし参考サイトを知っていたら教えてほしいです！！

<div class="wrapper"> <div class="content"> ・・・・コンテンツが配置される </div> </div>

###発生している問題・エラーメッセージ
Zoomingに関しては、画像に関してはできるものがあるみたいですが、ウィンドウ全体を拡大縮小をscrollで可能にしてくれるライブラリが見つからない。自分で書いたほうがいいのですかね、Jqueryからウィンドウの拡大縮小を取得して、スクロール値と連動させるっていうことですかね？

###試したこと
wheelzoomでウィンドウ内でズーミングができないか試しました。

###参考URL
googleMap
https://www.google.co.jp/maps/

wheelzoom
http://www.jacklmoore.com/wheelzoom/

iscroll
http://iscrolljs.com/#zoom

zoomingのイメージ（参考サイトみていると自分で書いたほうが早い気もしますが・・・）
http://express.nippondesign.co.jp/demo/js/20131211-jquery-css-zoom/
http://pastak.hatenablog.com/entry/2015/04/02/034234

何かと失礼あるかもしれませんがお答えいただければ幸いです。よろしくお願いいたします。