我需要在站点的首页上创建一个交互式世界地图,视图门户将大约为650x200像素.交互性将包括以下内容,鼠标覆盖一个国家将突出显示(例如,国家将填充"红色")该国家和显示国家的名称(最好是div中的文本),我也将链接突出显示事件,选中时将突出显示一个国家/地区.
我很难找到合适的解决方案,我拒绝使用或学习闪存等专有技术,因此不能选择.我使用openlayers和自定义地图图像创建了一个简单的模型,但是IE6中各国的标记加载速度太慢.
svg似乎太大了,因为我试图使用RaphaelJS,但是当我意识到世界地图数据是1.2mb这对于网站的首页是完全不可接受的时候放弃了它.
我真的不知道我将如何做到这一点,我的最后一招是手动创建250+(无论有多少国家)png并将鼠标悬停事件应用于图像中的热点...但这可能会也是一个死胡同..拼命寻求解决方案,任何有用的评论将不胜感激!