# Zoom and pan map

**URL:** <https://forum.kirupa.com/t/zoom-and-pan-map/310452>\
**Category:** flash\
**Created:** [June 10, 2010, 1:35pm UTC](https://forum.kirupa.com/t/zoom-and-pan-map/310452 "2010-06-10T13:35:22Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Snow83](https://avatars.discourse-cdn.com/v4/letter/s/2bfe46/32.png) [@Snow83](https://forum.kirupa.com/u/Snow83)\
**Post date:** [June 10, 2010, 1:35pm UTC](https://forum.kirupa.com/t/zoom-and-pan-map/310452/1 "2010-06-10T13:35:22Z")

</div>

Hi,

I’m pretty new with flash and actionscript3…so please, I need some help. What I’m trying to make, is a map with zoom and pan option. I want it to work exactly like it works on this website: [http://www.rezmason.net/wireworld/](http://www.rezmason.net/wireworld/)

Could someone please help me with the code.

What I’ve got now is only working zoom, but not properly:

addEventListener(MouseEvent.MOUSE\_WHEEL, Zoom);  
function Zoom(e:MouseEvent):void  
{  
var mod:Number = 20;  
map\_drag.scaleX += e.delta / mod;  
map\_drag.scaleY += e.delta / mod;  
map\_drag.x = ((2 \* mouseX) - (2 \* (e.localX \* map\_drag.scaleX))) / 2;  
map\_drag.y = ((2 \* mouseY) - (2 \* (e.localY \* map\_drag.scaleY))) / 2;  
}

thnx, joost