Мне нужно создать интерактивную карту мира на первой странице сайта, размер просмотра портала составит около 650х200 пикселей. Интерактивность будет включать в себя следующее: при наведении мыши на страну будет выделена страна (например, страны будут буквально заполнены "красным"), эта страна и будет отображаться название страны (предпочтительно текст в div), я также буду ссылаться событие выделения с помощью, которое выделит страну при выборе.
Мне трудно найти подходящее решение, я отказываюсь использовать или изучать запатентованную технологию, такую как flash, поэтому это не вариант. Я создал простой макет, используя openlayers и пользовательское изображение карты, но маркеры стран загружаются слишком медленно в IE6.
Кроме того, svg кажется слишком большим, так как я пытался использовать RaphaelJS, но отказался от него, когда понял, что данные карты мира имеют размер 1,2 Мб, что совершенно неприемлемо для первой страницы сайта.
Я действительно в растерянности от того, как я собираюсь это сделать, мое последнее средство - вручную создать 250+ (сколько бы стран ни было) PNG и применить события наведения мыши к горячим точкам в изображении ... но это вероятно, это тоже тупик ... отчаянно ищущий решение, любые полезные комментарии будут оценены!