Карта Yandex или Google в сплывающем окне.

Господа не сочтите за флуд, но есть еще один вопрос.
Хочу сделать что-бы при нажатии на адрес всплывала карта Yandex или Google. Как это лучше всего реализовать? Самый красивый и оптимальный вариант сделать, как в галереях, т.е. основной фон темнеет и появляется картинка, только вместо картинки тут карта…
Вообще реально это все? Или просто мечты…

JQuery
http://jqueryui.com/
http://plugins.jquery.com/

Знаете поковырялся там и ни чего не понял… там есть что-то связанное с картами. но то не подходит. Больше ни кто ни каких вариантов не предложит?

Нашел вот это http://jqueryui.com/demos/dialog/#option-show Вставляю скрипт. что там предлагают и хоть бы хны. форма ни какая у меня не всплывает 🙁

А не надо искать что связано с картами. Вам же нужно всплывающее окно в котором потом будет карта. Вот там этих всплывающих и разворачивающихся окон – тьма, а карту туда придется уже ручками вставлять.

В общем нашел несколько интересных скриптов, но вот возникла еще проблема, больше правда связанная с программированием чем с WP, но ни кто не где на этот вопрос мне не отвечает, может тут кто найдется…
Есть следующее – скрипт LightWindow, который при нажатии на ссылку может открыть картинку или видео ролик в сплывающем окне (фрэйме). Оформляется это дело следующим образом:
<a href="тут ссылка на картинку, ролик, флэшку и т.д." class="LightWindow">Ссылка</a>.
Так вот хотелось, что-бы при нажатии на "Ссылка" всплавала не какая-то картинка, а карта из googla. Но вот подстава карта Googla вставляется с помощью такого вот кода:

<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=ru&amp;geocode=&amp;q=%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0,+%D0%9A%D1%80%D0%B0%D1%81%D0%BD%D0%B0%D1%8F+%D0%9F%D0%BB%D0%BE%D1%89%D0%B0%D0%B4%D1%8C&amp;sll=37.0625,-95.677068&amp;sspn=44.118686,93.076172&amp;ie=UTF8&amp;ll=55.760205,37.620792&amp;spn=0.014488,0.025749&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=ru&amp;geocode=&amp;q=%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0,+%D0%9A%D1%80%D0%B0%D1%81%D0%BD%D0%B0%D1%8F+%D0%9F%D0%BB%D0%BE%D1%89%D0%B0%D0%B4%D1%8C&amp;sll=37.0625,-95.677068&amp;sspn=44.118686,93.076172&amp;ie=UTF8&amp;ll=55.760205,37.620792&amp;spn=0.014488,0.025749&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">Просмотреть увеличенную карту</a></small>

Помогите мне это все плз совместить в единое целое, т.е. этот код гугла запихать в ссылку…

А фрейм во фрейме не работает?

Фрейм во фрейме не получается, хотя решение нашел, может немного и не правильное и не соответствует немного правилам использования Google maps (кажется). В качестве ссылки на маленькую картинку вставляется ссылка с первой части кода, только src="…" надо заменить на href="…".

Anonymous
Отправить
Ответ на: