[Interactive map with zoom]

I have to create a simple interactive map with some hotspots. Where I can click the hotspots or from a list animate a pan/zoom into the spots.

 

Anybody know if there is a good example of a map where you can zoom in/out (pinch on touch devices) and flick the map around? I'm thinking using Draggable is the right approach, but it could be great with some inpspiration or a headstart looking into some examples.

 

TIA 
 

[Use .set and keep existing css?]

If i have set transform either with css og TweenMax.set - e.g. transform: translateZ(100px); can I add other transform translates/rotations/etc. and keeping the translateZ?

[GSAP Mouse Driven Parallax 3D scene with working example]

... answering my own problem.

 

If I wrap it with requestAnimationFrame() it works smoothly now.

http://jsfiddle.net/qGcd9/389/

 

If there are other suggestions on the approach I'm all ears .

 

Also the "mousemove" performance is back in IE 11 - though there is no nesting 3d ( no transform-style: preserve-3d; )

[GSAP Mouse Driven Parallax 3D scene with working example]

just wanted to do something similar to the Zuriels demo - I have noticed the performance is bad in MS Edge browser (FPS dips way below 30 many times).

 

I modified to check if it was the 3d transformations - but here it runs smoothly: http://jsfiddle.net/qGcd9/388/

 

So I guess it is either TweenMax.set og the mouse event that chokes IE ... I mean Edge

 

Any suggestions for a better Edge friendly approach?