Интерактивная Мировая Карта, выделите страны на наведении мыши

Я должен создать интерактивную мировую карту на первой полосе сайта, портал представления составит приблизительно 650x200 пикселей. Интерактивность включала бы следующее, наведение мыши, которое выделит страна (страны, буквально будет заполнено "красным", например), что страна и отображает название стран (предпочтительно текст в отделении), я буду также связывать выделяющееся событие с, который выделит страну при выборе.

Мне тяжело находить подходящее решение, я отказываюсь использовать или изучать proprietry технологию, такую как флэш-память, таким образом, это не опция. Я создал простой макет с помощью openlayers и пользовательское изображение карты, но маркеры стран загружаются слишком медленно в IE6.

Также svg кажется слишком большим, когда я пытался использовать RaphaelJS, но abondoned, это, когда я понял мировые данные карты, - 1.2 МБ, который является полностью ООН, приемлемой для первой полосы сайта..

Я действительно в недоумении включен, как я собираюсь сделать это, мое последнее средство должно вручную создать 250 + (однако много стран, там), pngs, и примените события mouseOver к горячим точкам в изображении..., но это, вероятно, будет тупиком также.. отчаянно ища решение, любые полезные комментарии будут цениться!

8
задан BrenGG 26 April 2010 в 10:25
поделиться

3 ответа

В конце концов я остановился на RaphaelJS, импортировав все пути из svg в inkscape, отлично работает!

5
ответ дан 3 November 2019 в 13:35
поделиться

Есть ли у вас где-то хранящиеся данные о координатах страны?

Если да, то настройка функций для анализа переданных данных и создания 250+ путей не должна выполняться , что большой.

0
ответ дан 3 November 2019 в 13:35
поделиться

Зачем изобретать велосипед. Google Charts уже делает это.

6
ответ дан 3 November 2019 в 13:35
поделиться
Другие вопросы по тегам:

Похожие вопросы: