JS地图与地区

Question

下午，

我需要有一个交互式地图，您可以将鼠标悬停在某个地区（澳大利亚，东亚和东南亚，南亚等），有一个“工具提示”或“hoverbox”，其中包含一些信息，然后点击并被重定向到区域页面。

我开始关注谷歌可视化GeoChart，意图劫持点击事件，但你只能选择国家而不是地区。

对JS库等的任何建议？

非常感谢。

Answer 1

我最终使用http://jvectormap.owl-hollow.net/并覆盖了onLabelShow，oRegionOver，onRegionOut和onRegionClick方法。相当简单优雅的插件。

Answer 2

一种方法是将地图设置为div的背景图像，并使用CSS匹配其尺寸。然后在div上注册鼠标移动侦听器。现在，只要鼠标移动，检查其坐标并使用该数字确定其下的区域。

现在解决第二个问题会很有趣。如何存储不规则形状的尺寸。一种方法是将图像划分为网格，可以是一个像素厚或多个像素，具体取决于您需要多少精度。然后将其存储在类似（0 =＆gt;（1,5），1 =＆gt;（0,6），......）的数组中。在这种情况下，它表示，对于第0行，该区域从第1列开始，到第5列结束。在第1行，该区域从第0列开始，到6结束;等等。

我希望这是有道理的。