JS地图与区域

JS map with regions

本文关键字：区域地图 JS 更新时间：2023-09-26

下午，

我要求有一个交互式地图，你可以在那里悬停在一个地区（澳大拉西亚、东亚和东南亚、南亚等），有一个包含一些信息的"工具提示"或"悬停框"，然后点击并重定向到一个地区页面。

我开始查看谷歌可视化地理图，目的是劫持点击事件，但你只能选择国家而不能选择地区。

对JS库等有什么建议吗？

非常感谢。

我最终使用http://jvectormap.owl-hollow.net/以及覆盖onLabelShow、oRegionOver、onRegionOut和onRegionClick方法。非常简单优雅的插件。

一种方法是将地图设置为div的背景图像，并使用CSS匹配其维度。然后在div上注册一个鼠标移动侦听器。现在，每当鼠标移动时，请检查其坐标，并使用该坐标找出其下方的区域

现在，破解第二个问题会很有趣。如何存储不规则形状的尺寸。一种方法是将图像划分为网格，可以是一个像素厚，也可以是多个像素，这取决于你需要多大的精度。然后将其存储在一个数组中，如（0=>（1，5），1=>（0，6），..）。在这种情况下，它说，对于第0行，区域从第1列开始，到第5列结束。在第1行，区域从第0列开始，到第6列结束；等等

我希望这是有道理的。