Как разверстать карту Росии

Тема в разделе "Верстка", создана пользователем ITeshnik, 31 май 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. ITeshnik

    ITeshnik Постоялец

    Регистр.:
    21 май 2007
    Сообщения:
    105
    Симпатии:
    5
    Флеш юзать нельзя.
    Задача подсвечивать федеральный округ при наведении.
    т.к. размеры будут большие просят соблюсти максимальную точность при наведении на округа(бзик). Не представляю как это сделать.
     

    Вложения:

    • map.png
      map.png
      Размер файла:
      29,5 КБ
      Просмотров:
      24
  2. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    582
    Симпатии:
    800
    Принцип:
     
    Последнее редактирование: 31 май 2014
    ITeshnik и Nei нравится это.
  3. ITeshnik

    ITeshnik Постоялец

    Регистр.:
    21 май 2007
    Сообщения:
    105
    Симпатии:
    5
    там в демках нет той точности которая необходима, как это сделать квадратными блоками я знаю, а вот как сделать так что-бы чётко по границе округов работал эффект(
     
  4. igro

    igro Создатель

    Регистр.:
    16 дек 2012
    Сообщения:
    20
    Симпатии:
    9
    А может разобрать карту на отдельные элементы (ФО), собрать обратно с помощью позиционирования CSS и применить к каждому a:hover
     
  5. ITeshnik

    ITeshnik Постоялец

    Регистр.:
    21 май 2007
    Сообщения:
    105
    Симпатии:
    5
    Да, но тогда они всё-равно будут квадратные, и друг на друга залазить.
    есть вариант с помощью тега area сделать, но как прописать все изгибы и координаты даже хз(
     
  6. stasonov

    stasonov Писатель

    Регистр.:
    28 май 2014
    Сообщения:
    6
    Симпатии:
    3
    ООо друг ...я сколько провозился с разными картами..ну я делал приложение для Win.
    Тебе нужно , в принципе только и подойдет SVG. Куча в нете наработок и библиотек ...есть например Рафаель.
    ЧИтай:
    http://www.xiper.net/collect/js-plugins/ui/map-raphael.html
    http://habrahabr.ru/post/127994/
    http://yandex.ru/yandsearch?text=Raphael+SVG&lr=33
    ----------------------
    Сам формат SVG рисуй , например в Adobe Illustrator.
     
    ITeshnik нравится это.
  7. ITeshnik

    ITeshnik Постоялец

    Регистр.:
    21 май 2007
    Сообщения:
    105
    Симпатии:
    5
    Спасибо огромное!!!
    У меня пока пулачется экспортровать в штмл из сорел драйва, он сам прописывает координаты для тега ариа.
    Но за наводку спасибо огромное)))
     
  8. montrey

    montrey Писатель

    Регистр.:
    24 мар 2014
    Сообщения:
    6
    Симпатии:
    1
  9. rev1

    rev1 Постоялец

    Регистр.:
    9 янв 2014
    Сообщения:
    50
    Симпатии:
    10
    А если с заменой картинки при наведении? + оформить в таблицах

    <img src="pic.jpg" id="imag" onmouseover="this.src='/img1.gif'" onmouseout="this.src='/img2.gif'" >
     
  10. montrey

    montrey Писатель

    Регистр.:
    24 мар 2014
    Сообщения:
    6
    Симпатии:
    1
    Для квадратных субъектов еще бы подошло, но субъекты различной формы, и ТСу надо соблюсти точность формы :)