HTML区域形状和手机：这是一个错误，有一个解决方法吗？

Question

我的网站有一个非常精确的“区域形状”定义。这是完美的像素。

这是my website

将鼠标移到左侧的部门上，您会在右侧看到部分突出显示。如果将鼠标移到部门上，您将看到它是像素完美的精度。

我的大问题是关于“法兰西岛”，这是法国的中心，几乎有1/5的人口居住在这里，所以接下来对我来说是个大问题。

Nota：之前 尝试使用手机（如果你这样做），只需验证我说的是真的：在你的电脑上，转到主页面（之前的链接），放大（ctrl +键盘快捷键）并将鼠标移到“Ile de France”部门。你会发现精确度是完美的：离开部门，搬进去，你会亲眼看到“检测”的精确度。

在索尼爱立信Xperia Arc上，处理“区域形状”的方式是个大问题。

当我尝试点击“Ile de France”时，它给出的是：

越来越近（以显示问题）：

更加接近：

并显示选择了哪个部门：

从最新图片中可以看出，地图非常放大，但仍然不想选择“法兰西岛”，而我则清楚地点击该区域的中间位置。

我的意思是我已经工作了3天才能得到法国的地图 精确，我不想丢掉这项工作并做一些粗略的工作......

这是一个错误吗？这被认为是正常行为吗？ “iPhone”手机有同样的问题吗？你有解决方法吗？

- 编辑 -

根据Andrei G的说法，它似乎适用于GalaxyS2，但仍然需要放大地图......

- 编辑 -

我在某些Android平板电脑上遇到了完全相同的问题。我需要制作一个“移动”版本。这太愚蠢了。

Answer 1

我发现你的地图没问题。问题是人的手指不像鼠标那么准确。如果放大地图，您将能够选择适当的区域。

我使用GalaxyS2去你的网站。

此外，悬停效果不适用于手机，因为当用户想要点击您的区域时，他们不会在屏幕上拖动手指。

Answer 2

在我的Android手机上查看HTML电子邮件中的地图时遇到了类似的问题。我正在使用带有name和id属性的map标记。当我删除name属性并仅使用id属性时，我能够准确地点击手机上的热点。