Парюсь с картой

12
AlexThunder
На сайте с 07.08.2006
Offline
112
1401

В общем, есть достаточно большая карта, которая не помещается в рамки экрана.

Ну и ее как бы хочется вписать ее в определенные размеры, а также обозначить на ней объекты и соответственно их описания.

И в итоге сопоставить все с двигом (например: dle, wp).

Саму карту фиг с ним - можно и просто отдельной страничкой сделать. Вот, собственно, сама незадача - чем ее обрботать..

Буду благодарен за любые здравые мысли и идеи.

Бесплатные лендинги (/ru/forum/916903). Премиум лендинг за 7т.р. (http://landing.chopochom.com/?utm_source=searchengines.guru&utm_medium=forum&utm_term=подпись&utm_content=премиум+лендинг+за+7тр&utm_campaign=landing) Контекстная реклама без границ (/ru/forum/893946)
[Удален]
#1

Крайне неясна суть вопроса.

есть такое решение

http://demo.joannmelnik.com/node/3

и есть такое

http://davidlynch.org/js/maphilight/docs/demo_usa.html

оба на Jquery

[Удален]
#2

ТС http://www.netzgesta.de/loupe/ вот еще решение, с отметкой разберетесь думаю, но идеальное решение для карты думаю, пример на картинку с картой тыкните там появится пример.

чуток по русски http://allajax.ru/script/ekrannaya-lupa-ajax/

AlexThunder
На сайте с 07.08.2006
Offline
112
#3
neolord:
Крайне неясна суть вопроса.

Пример здесь.

Наведите мышь на голову человека с порошком.

Я подключил highslide и при клике выползает расширенная картинка, текст, что угодно...

Дело в том, что исходное поле-изображение у меня огромное. KosoyRoman предложил лупу, но в этом случае, выходит, не работают конкретные объекты в поле-изображении.

Я хочу уместить огромную картинку 7000px в ширину 1000px с использование увеличения и кликаньем по объектам на карте с выползающим описанием.

Также рассматриваю такой объект в качестве шапки сайта. Пробовал существующую картинку-пример засунуть в шапку WP - не работает <MAP>.

arkadiy_a
На сайте с 11.06.2008
Offline
82
#4

Реализовал подобное, только карта была маленькая, умещалась на экране без прокрутки.

http://vst.co.il/2009-01-30-23-45-34

Для map area использовал плагин для гимпа, для выплывающих баллонов тултипа взял wz_tooltip.js и tip_balloon.js , вообще всплывающие подсказки там можно сделать покрасивее, с картинками, у заказчика пока то этого деньги не нашлись.... ;)

Результат в виде HTML засунул в CMS, у меня это Джумла, вообще тут любая CMS подойдет, которую можно отучить резать непонятные редактору таги в HTML.

[Удален]
#5
AlexThunder:
Пример здесь.
Наведите мышь на голову человека с порошком.

Я подключил highslide и при клике выползает расширенная картинка, текст, что угодно...

Дело в том, что исходное поле-изображение у меня огромное. KosoyRoman предложил лупу, но в этом случае, выходит, не работают конкретные объекты в поле-изображении.

Я хочу уместить огромную картинку 7000px в ширину 1000px с использование увеличения и кликаньем по объектам на карте с выползающим описанием.

Также рассматриваю такой объект в качестве шапки сайта. Пробовал существующую картинку-пример засунуть в шапку WP - не работает <MAP>.

Засуньте свой объект в див с оверфлоу:хидден, задайте нужные ширину и высоту, допишите на том же jquery слайдеры прокрутки и прикрутите решение по второй ссылке из моего предыдущего поста

AlexThunder
На сайте с 07.08.2006
Offline
112
#6
neolord:
прикрутите решение по второй ссылке из моего предыдущего поста

neolord, здесь немного запутался с тем, где настраивается изменение конкретного участка на карте при наведении.

[Удален]
#7

Изменение внешнего вида?

http://davidlynch.org/js/maphilight/docs/

закладка options. Этот массив передается в функцию. Надеюсь с английским справитесь? =)

Если вы имеете ввиду где конкретно задаются области - то с помощью полигональных <area> в теге меп, связанным с картинкой

AlexThunder
На сайте с 07.08.2006
Offline
112
#8

Если не затруднит, давайте на практике попробуем.

Это объект.

На рисунке кнопка 1 телефона является областью area

Задача - сделать, чтобы при наведении эта единичка (точнее ее область) меняла цвет или появлялась граница.

В папке /karta/ находятся следующие элементы:

/highslide/

/img/

style.css

jquery.maphilight.js

jquery-1.2.3.pack.js

maptest.html

test.html

[Удален]
#9

для начала у вас там ошибка


$(".map").maphilight is not a function
[Break on this error] $('.map').maphilight();

Потому что вы скопировали <script> с исходной страницы, и не заметили, что у файла стоит путь "../', а вам надо "./"

сдается мне после этого все заработает. Если вдруг нет - пишите ысчо =)

И поставьте себе firebug - кучу времени сэкономит

AlexThunder
На сайте с 07.08.2006
Offline
112
#10
neolord:
не заметили, что у файла стоит путь "../', а вам надо "./"
сдается мне после этого все заработает

Не.. сразу пробовал и так, и так.

Тьфу итить его налево.! Все гут. Засада заключалась в том, что какого-то буя в опере нихрена не показывает. А я башку ломаю.

Но! Карта США то в опере подсвечивается, а в моем случае - нет. 😡

И еще момент: при клике на область я задаю его содержимое в формате href=''test.html". Я также могу вытащить определенный id из этого test.html, задав значение "href="test.html#anyid"". Вот в связи с этим возникает вопрос: как вытащить не целый id , а определенный класс из него?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий