Данные географической карты для работы с

Question

Я ищу некоторых провайдеров или фреймворки или что-то, что может доставить карту, как здесь: http://www.skiresort.de/skigebiete/europa/oesterreich/

Я вижу, что на этой странице есть разные изображения, поэтому, когда вы наводите курсор на одну страну, изображение целиком меняется. Далее они используют htmltag «map» для указания областей наведения.

Интересно, они рисуют многоугольники вручную или есть какой-то инструмент, как я уже сказал, какая-то структура или что-то в этом роде.

Я ищу данные только по Австрии. Спасибо за любую помощь и извините, я никогда не делал что-то подобное

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

Answer 1

Похоже, что главный вопрос в том, где вы можете получить бесплатные данные о границе для Австрии.Два хороших источника данных карты общего доступа:

• http://www.naturalearthdata.com (отличный набор данных, но в основном файлы SHP - не очень полезны, если у вас нет приложения ГИС)
• http://commons.wikimedia.org/wiki/Atlas_of_the_world (Wikimedia Commons Atlas of the World - множество карт в различных форматах)

На самом деле, похоже, что все нужные вам изображения можно найти здесь: http://commons.wikimedia.org/wiki/Atlas_of_Austria - различные состояния уже выделены для вас.Это файлы SVG, так что вы можете открыть их в Illustrator или Inkscape и изменить цвета по мере необходимости.

После этого я согласен с Брайаном: вероятно, не существует приложения, которое могло бы легко создать карту изображений для вас, поэтому вам нужно будет сделать это вручную.Fireworks или ImageReady являются стандартными инструментами для этого, и оба должны предоставлять пользовательский интерфейс для выполнения ролловера так, как вы хотите.Возможно, вы захотите поместить все блики на одном изображении и использовать CSS Sprite подход - это хороший способ сделать карту быстрой и отзывчивой.

Answer 2

Элемент <map> относится к ImageMap, а не к географической карте. Идея, лежащая в основе карты изображений, заключается в том, что у вас есть изображение, и вы хотите, чтобы различные области изображения были активными. Таким образом, вы используете координаты для определения интерактивных областей (каждая в своем собственном теге <area>), а затем предоставляете URI для областей, которые вы определили.

Когда вы указываете свое изображение с помощью тега <img>, вы устанавливаете атрибут usemap, чтобы указать определение карты, которое применяется к изображению.

Существуют инструменты онлайн, а также, возможно, популярные программы веб-дизайна и графики, которые можно использовать для создания карт изображений. Вдобавок ко мне Adobe Fireworks предоставляет относительно интуитивно понятный интерфейс для создания карт изображений; Я не уверен ни в каких других программах, но я уверен, что вы можете найти то, что работает для вас.