How to drag with mouse inside iframe

[mike02]

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.

I would prefer to drag it with a mouse, similar to Google Maps. I've partly grasped some of the head functions but the syntax for the body has me completely stumped. Please could someone suggest correct syntax or point me in the right direction.

Thank you.

[Ulysses69]

Despite your map being larger than your iframe, you should still be able to use Google Map's default ability to drag the map around ... sounds like you have this disabled, so I would ensure this works first. See here for example: http://blog.poplabs.com/2009/08/embe...-xhtml-strict/

Using the default iframe method, your iframe should contain the google map at the size of the iframe, thus the need to move within the iframe by dragging it around or using the provided controls. Your map sounds like it is a google map iframe, within an iframe!?

[mike02]

Thank you, but it's not a Google map - it's a jpeg in the same folder as the main page and iframe page. I'm looking for a similar facility as Google maps to use on my own map.

[mike02]

Problem solved - thank you.