Есть изображение, к нему имеется карта
<img src='/map.jpg' usemap='#map' width='1387' height='2004'/>
<map name="map">
<area shape="circle" coords="323, 1235, 10" href="/" alt="Пляж №2" title="Пляж №2" />
<area shape="circle" coords="261, 1222, 10" href="/" alt="Пляж №1" title="Пляж №1" />
</map>
я воспользовался плагином MapBox, чтобы можно было масштабировать и передвигать карту, сделал 2 уровня, 1й - уменьшенное изображение, 2й оригинал.
У меня такая проблема возникла - на 2м уровне координаты соответствуют точкам, а на первом уровне ясное дело что нет, как можно переопределять координаты для первого изображения через jQuery?
<div id="map">
<div id="toplvl_map">
<img id="map_img" src="/map.jpg" usemap="#map" width='850' height='1228' />
</div>
<div style="width:1387px; height:2004px">
<img id="map_img" src="/map.jpg" usemap="#map" />
</div>
</div>