title: image map not working on iOS devices, with large images that get rescaled by the device
body: <p>I'm developing an internal web app on our company intranet using PHP. One section of the app displays a couple of high resolution images to the user. These images are in the region of 5000x3500 pixels. Each image has an image map (using rectangular areas), and all works fine in the desktop browsers I've tried.</p>
  
  <p>The problem I'm finding, is that when users access the site via their iOS devices, the images are being rescaled by safari on the device, however the image map coordinates are not being adjusted to match.</p>
  
  <p>An example of the HTML being generated by my PHP is as follows:</p>
  
  <pre><code>&lt;img src="largeimage.jpg" width="5000" height="3500" usemap="#examplemap"&gt;
  &lt;map name="examplemap"&gt;
    &lt;area shape="rect" coords="0,0,5000,500" href="blah1"/&gt;
    &lt;area shape="rect" coords="0,500,2500,3500" href="blah2"/&gt;
    &lt;area shape="rect" coords="2500,500,5000,3500" href="blah3"/&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>(The actual rectangle coordinates in the image map are calculated as a percentage of the image size).</p>
  
  <p>I know that safari is resizing the image due to memory constraints on the device, but I need to either find a way of scaling the image map to suit, or replacing the image map with something else that will do the same job. Can anyone offer any advise?</p>