使用鼠标悬停弹出功能和NO FLASH创建美国热图

Question

目前我在我的网站上使用交互式flash地图，根据某些数据显示不同美国州的不同颜色。我还有一个鼠标悬停功能，可以在用户将鼠标悬停在状态时显示其他数据。

是否有任何工具可以实现上述功能而不使用闪光灯（移动兼容）。如果需要，我准备为这些工具付费。

Answer 1

对于移动兼容网站，您必须使用Javascript。

如果您之前没有使用过Javascript，那么

JQuery是一个很好的起点。它将为您提供相当简单的机制来处理鼠标悬停事件和弹出窗口。

您可以尝试使用HTML和CSS排列所有状态图像，但您可能还需要查看HTML 5 Canvas element。它适用于大多数现代浏览器，并且a hack可以在IE中使用它。

根据您的操作方式，您可能还想了解image maps。有许多工具可以帮助creation of image maps。

<强>更新 我正在使用一些图表，并使用名为this example l的JS库遇到Raphae。这看起来非常像你正在寻找的东西。

我也意识到，正如我在看那个例子，如果你正在编写移动触摸屏设备（iPhone，iPad，Android等），你就不会有“悬停“事件（显而易见的原因）。您可能想要尝试检测浏览器是否支持“悬停”，如果不支持，请执行“点击”动画。

Answer 2

考虑使用Google Visualization GeoChart。

这是基于SVG的;对不起，我不知道这对移动设备有多限制。

我担心你可能会被挂起的地方是悬停内容可能不像你想的那样灵活。