Interaktive Weltkarte, markieren Sie Länder bei Mouseover

Ich muss eine interaktive Weltkarte auf der ersten Seite einer Website erstellen, das Ansichtsportal wird etwa 650x200 Pixel groß sein. Die Interaktivität würde folgendes beinhalten, Maus-über ein Land würde markieren (die Länder sind buchstäblich gefüllt mit "rot" zum Beispiel) dieses Land und den Namen der Länder anzeigen (vorzugsweise Text in einem Div), ich werde auch verlinken das Hervorhebungs-Ereignis mit einem, das ein Land hervorhebt, wenn ausgewählt.

Ich habe eine schwierige Zeit, eine geeignete Lösung zu finden, ich weigere mich, eine proprietry Technologie wie Blitz zu verwenden oder zu lernen, also ist es keine Wahl. Ich habe ein einfaches Mockup mit Openlayern und einem benutzerdefinierten Map-Image erstellt, aber die Ländermarkierungen werden in IE6 zu langsam geladen.

Auch Svg scheint zu groß zu sein, als ich versucht habe, RaphaelJS zu benutzen, aber ich habe es verlassen, als ich feststellte, dass die Weltkartendaten 1,2 MB groß sind, was für die Titelseite einer Seite völlig unakzeptabel ist.

Ich bin wirklich ratlos, wie ich das machen werde, mein letzter Ausweg ist, manuell mehr als 250+ PNGs zu erstellen und mouseover-Ereignisse auf Hotspots im Bild anzuwenden ... aber das ist es wahrscheinlich auch eine Sackgasse ... verzweifelt nach einer Lösung suchen, werden alle hilfreiche Kommentare geschätzt werden!