I have an iframe on my page -

<iframe width="425" height="460" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" src="Gmap.htm"></iframe>

The html page Gmap.htm contains a map 663x855 px, name GM003.jpg. The visible part of the map can be moved around inside the iframe by the scrollbars or arrow keys.

I would like to drag it with a mouse in a similar way to Google Maps. I've tried adapting the code on
without success. Please could someone suggest correct code or point me in the right direction.

Thank you.