карта изображений не работает на устройствах iOS, с большими изображениями, масштабируемыми устройством

Я разрабатываю внутреннее веб-приложение в интрасети нашей компании с использованием PHP. В одном разделе приложения пользователю отображается несколько изображений с высоким разрешением. Эти изображения имеют размер 5000x3500 пикселей. Каждое изображение имеет карту изображений (с использованием прямоугольных областей), и все они отлично работают в браузерах для настольных компьютеров, которые я пробовал.

Проблема, которую я обнаружил, заключается в том, что когда пользователи заходят на сайт через свои устройства iOS, изображения становятся масштабируется с помощью Safari на устройстве, однако координаты карты изображения не корректируются для соответствия.

Пример HTML, созданного моим PHP, выглядит следующим образом:

<img src="largeimage.jpg" width="5000" height="3500" usemap="#examplemap">
<map name="examplemap">
  <area shape="rect" coords="0,0,5000,500" href="blah1"/>
  <area shape="rect" coords="0,500,2500,3500" href="blah2"/>
  <area shape="rect" coords="2500,500,5000,3500" href="blah3"/>
</map>

(Фактические координаты прямоугольника на карте изображения рассчитывается как процент от размера изображения).

Я знаю, что сафари изменяет размер изображения из-за ограничений памяти на устройстве, но мне нужно либо найти способ масштабирования карты изображения, либо заменить карту изображения с чем-то еще, что будет делать ту же работу. Может ли кто-нибудь дать совет?