Интерактивная карта мира, которая возвращает соответствующий код страны 3166-1-alpha-2.

Я хочу сделать карту мира с возможностью клика, которая, когда пользователь нажимает на страну, направляет пользователя на URL-адрес, содержащий соответствующий код страны.

например, вы нажимаете на Великобританию, и она направляет вас на .../country.php?c=GB

Как лучше всего это сделать? HTML карты изображений? JavaScript? вспышка? Скрипты уже есть? Есть ли способ использовать карты Google?


map
person Mark    schedule 11.12.2009    source источник
comment
Это руководство может помочь: http://www.electricfairground.com/2009/08/08/image-map-rollover-effects-using-jquerys-maphilight-plugin/   -  person gomezuk    schedule 23.07.2010


Ответы (4)



Вы можете создать такую ​​интерактивную графику, используя SVG.

person dacracot    schedule 11.12.2009
comment
Я надеялся, что там уже может быть что-то ... Я думаю, что выделение и добавление кодов стран 246 стран займет вечность: S. Думаю, если до этого дойдет, то мне придется это сделать. - person Mark; 11.12.2009

Очень легко реализовать то, что вы хотите, с помощью библиотеки отображения jVectorMap. Чтобы определить действие по клику по стране, используйте параметр onRegionClick. Код страны в формате ISO доступен в качестве второго параметра обратного вызова.

person bjornd    schedule 06.08.2012

Я бы, если можно, посоветовал бы ознакомиться с Highmaps от людей, стоящих за Highcharts (включая меня). Он бесплатен для некоммерческого использования, отлично работает с мобильными браузерами (полная поддержка сенсорного ввода) и старыми версиями IE вплоть до IE6. Он поддерживает расширенные динамические функции, такие как детализация и подробные всплывающие подсказки, и очень настраиваемый.

Мы предоставляем коллекцию карт с более чем 350 картами, включая несколько версий карт мира с ISO-3166-1- встроенные метаданные альфа-2.

История населения по странамВодосборный бассейн реки Маас

person Oystein    schedule 25.06.2014