图像地图 - 将鼠标悬停在图像

Question

我目前正在开展以下工作：

我有一张世界大地图。在它上面，我有可点击的区域，由图像映射定义。您可以点击的是国家/地区，这些国家/地区的链接指向有关该国家/地区的网页。

  <img id="Image-Maps-Com-image-maps-2017-08-25-161100-img" src="worldmap.png" alt="" usemap="#image-maps-2017-08-25-161100" width="6460" height="3455" border="0" class="map" />
    <map id="ImageMapsCom-image-maps-2017-08-25-161100" name="image-maps-2017-08-25-161100"></map>

区域的示例：

<area style="outline: none;" title="Portugal" alt="Portugal"
                              coords="2909.33349609375,1327.3333740234375,2913.33349609375,1324.3333740234375,2919.33349609375,1321.3333740234375,2921.33349609375,1329.3333740234375,2927.33349609375,1328.3333740234375,2936.33349609375,1328.3333740234375,2940.33349609375,1326.3333740234375,2949.33349609375,1331.3333740234375,2948.33349609375,1339.3333740234375,2945.33349609375,1343.3333740234375,2944.33349609375,1349.3333740234375,2945.33349609375,1358.3333740234375,2941.33349609375,1363.3333740234375,2939.33349609375,1371.3333740234375,2935.33349609375,1372.3333740234375,2932.33349609375,1373.3333740234375,2936.33349609375,1382.3333740234375,2938.33349609375,1392.3333740234375,2935.33349609375,1397.3333740234375,2940.33349609375,1406.3333740234375,2936.33349609375,1410.3333740234375,2933.33349609375,1416.3333740234375,2934.33349609375,1425.3333740234375,2922.33349609375,1427.3333740234375,2910.33349609375,1427.3333740234375,2912.33349609375,1417.3333740234375,2912.33349609375,1407.3333740234375,2914.33349609375,1398.3333740234375,2909.33349609375,1397.3333740234375,2907.33349609375,1398.3333740234375,2911.33349609375,1393.3333740234375,2910.33349609375,1390.3333740234375,2908.33349609375,1388.3333740234375,2903.33349609375,1392.3333740234375,2901.33349609375,1392.3333740234375,2903.33349609375,1380.3333740234375,2908.33349609375,1377.3333740234375,2911.33349609375,1366.3333740234375,2913.33349609375,1355.3333740234375,2914.33349609375,1346.3333740234375,2913.33349609375,1337.3333740234375"
                              shape="poly" href="portugal.html" target="_self"/>

我现在想要实现的是一个非常酷的功能（在我看来），如果它有效：

当您将鼠标悬停在图像地图的一个区域上时，地图应放大此点（或者甚至更好：显示区域内的部分是大的）。因此图像的宽度超过6000像素，但仅显示（在我的显示器上）大约1000像素。

因此拥有地图有多酷，当在葡萄牙上空盘旋时，葡萄牙变得越来越大（就像放大一样），当你再次徘徊时，正常的地图就在那里。

所以这就是我的意思的一个例子，首先是普通的地图，当它悬停在葡萄牙上时，它变得很大。

当然，它不应该那么模糊（这只是因为我在油漆中在2分钟内完成了）并且正如我所说的那样，最好的方法就是让区域的边界完全放大。

我希望你明白我的意思。

我尝试使用css transform属性，但首先，我不知道何时更改它，其次，我不知道如何选择地图的特定部分。

如果需要，使用Javascript / jQuery就没问题了。