是否可以增加地图的比例，但仍然可以有效地悬停？[使用PHP-GD]

我给你们简要介绍一下我的项目。我正在开发一个web应用程序 仓库管理系统。基本上，我使用PHP GD绘制工厂布局图的图像，其中每层都包含机架和托盘。
当您在机架或托盘上悬停时，您将能够看到其细节

因为使用GD，为了能够绘制每个机架或托盘，它需要特定的x和y坐标，以及宽度和高度。我使用标记来创建区域，以便它可以使用jquery进行悬停

我被要求以给定的比例制作一个缩放图像，但我不知道怎么做。所以我想你们可以帮我

我真的需要帮助

下面是我的一些代码示例

while($row = mysql_fetch_array($RecordsetZone)){

        $n = substr($row['name'], 4);
    $font = 2;
    $textColor = imagecolorallocate ($source,0,0,0);
    if($row['zonetype']=="Rack"){
        imagerectangle($source, $row['xcord'], $row['ycord'] , $row['width']+($row['xcord']), $row['height']+$row['ycord'], $black);
        imagefilltoborder($source, ($row['xcord'])+1, $row['ycord']+1, $black , $limegreen);
        imagestring ($source, $font, ($row['xcord'])+2, $row['ycord']+5, $n, $textColor);
    }
    elseif($row['zonetype']=="Pallet"){
        imagerectangle($source, $row['xcord'], $row['ycord'] , $row['width']+($row['xcord']), $row['height']+$row['ycord'], $black);
        imagefilltoborder($source, ($row['xcord'])+1, $row['ycord']+1, $black , $dodgerblue);
        imagestring ($source, $font, ($row['xcord'])+5, $row['ycord']+2, $n, $textColor);
    }
}

这就是我通过从数据库中获取x，y来绘制图像的方式

<map name="testmap" id="testmap">
  <?php $RecordsetZone = mysql_query($query, $cakewms) or die(mysql_error()); 
  while($row = mysql_fetch_array($RecordsetZone)){?>
   <area id=<?php echo '"'. $row['name']. '"';?> shape="rect" coords=<?php echo '"'. $row['xcord']. ','.$row['ycord']. 
    ',' . ($row['width']+$row['xcord']) . ',' . ($row['height']+$row['ycord']) . '"';?> href="#" alt="Sun" />
  <?php }?>
</map>

href=“#”alt=“Sun”/>

之后，使用地图创建悬停区域

---

如果我改变了比例，我还能停留在正确的区域吗？

你可以使用特殊的JQuery插件

它允许调整图像贴图的大小，同时它们仍保留正确标记的活动区域

因此，您将需要生成您的图像地图一次，重新计算onresize将是这个插件的任务

在使用imagemaps的其他情况下，它也会有所帮助