我需要在站点的首页创建一个交互式世界地图， View 门户大约为 650x200 像素。交互性将包括以下内容，将鼠标悬停在一个国家/地区上会突出显示(例如，这些国家/地区实际上会用“红色”填充)并显示国家/地区的名称(最好是 div 中的文本)，我还将链接带有 的突出显示事件将在选中时突出显示一个国家/地区。
我很难找到合适的解决方案，我拒绝使用或学习闪存等专有技术，因此这不是一个选择。我使用 openlayers 和自定义 map 图像创建了一个简单的模型，但国家/地区的标记在 IE6 中加载速度太慢。
而且 svg 似乎太大了，因为我尝试使用 RaphaelJS，但是当我意识到世界地图数据是 1.2mb 这对于网站的首页来说是完全 Not Acceptable 时就放弃了它..
我真的不知道该怎么做，我最后的办法是手动创建 250 多个(不管有多少国家)png 并将鼠标悬停事件应用于图像中的热点...但这是也可能是一个死胡同..拼命寻求解决方案，任何有用的意见将不胜感激!
最佳答案
我开发了jVectorMap为此目的。
关于javascript - 交互式世界地图，在鼠标悬停时突出显示国家，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2717008/