Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.12.2012, 14:47
Аспирант
Отправить личное сообщение для McLotos Посмотреть профиль Найти все сообщения от McLotos
 
Регистрация: 18.11.2010
Сообщений: 56

Динамическая карта страны
Добрый день, подскажите, как можно сделать такой прикол, есть карта страны, нужно чтобы при наведении на какой-то регион этот регион подсвечивался, увеличивался и показывал некоторую информацию.
Я сейчас сделал так:
Разрезал карту по регионам на разные файлы, теперь вот пытаюсь расставить все картинки так, чтобы они совпадали по границам, а дальше нужно будет навешивать на каждую картинку событие. Может есть варианты по проще?
Ответить с цитированием
  #2 (permalink)  
Старый 24.12.2012, 19:50
Аватар для ams
ams ams вне форума
Новичок на форуме
Отправить личное сообщение для ams Посмотреть профиль Найти все сообщения от ams
 
Регистрация: 24.03.2011
Сообщений: 4

Попробуй http://htmlbook.ru/html/area
Ответить с цитированием
  #3 (permalink)  
Старый 24.12.2012, 21:06
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Суть изготовления карт со всплывающими областями такая:

1. Изготовляется картинка стандартного вида карты.

2. Поверх неё вешаем position:absolute прозрачку, которая и будет истинной мап, картой,с привязанной к ней area( картинка карты п.п.1 будет видна сквозь нее. z-index данной прозрачки (10000 - к примеру)

3. Делаем у area спецфискую span обертку с единым классом, которая и даст возможность кликабельной событийности,
(посколь к area клик или иные события(не считая перехода по ссылкам) не привязываются)
<span class="Myclick" ><area shape="poly" coords="113,24,211,24,233,0,137,0" href="inform.html" alt="Информация"></span>

4.Создаем на прозрачках картинки всплывающих областей(выделена/окрашена только всплывающая область, общий размер данной картинки вместе с прозрачкой окружающей выделенную область - размером в исходную карту )
Начальный z-index у данных картинок областей отрицательный. Картинки по событию клика(наведения) привязываем к соответствующим span.Myclick и они, по событию, меняют z-index с отрицательного, на положительный.

Картинки областей складываем стопкой с position:absolute перед самой первой дефолтной картинкой, что в п.п.1

Последний раз редактировалось Deff, 24.12.2012 в 21:37.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Карта google? Shtaked32 Общие вопросы Javascript 0 29.05.2012 10:00
карта google maps 3 kk-s Элементы интерфейса 1 19.04.2012 17:20
Динамическая карта изображений andreybugakov Элементы интерфейса 4 29.01.2012 22:57
Яндекс карта и наложение объектов Rembrant Элементы интерфейса 3 08.11.2011 17:25
Карта в flashe - как загрузить новій клип в сцену? DDSSDD Общие вопросы Javascript 0 03.06.2011 14:07