Как разместить Google Maps во всплывающем окне

Автор Kvanto Обновлено 27.12.2016

👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Нужно навесить ссылку на текст, по которой открывается всплывающее окно, содержащее карту Google Maps. Существуют ли какие-то специальные плагины? Или может есть плагины для создания многофункциональных балунов?
Заранее спасибо!

Kvanto

Оцените автора

Добавить комментарий

Ruslan 06.09.2011 в 17:59

fancy box

Ответить
1. Kvanto автор 06.09.2011 в 21:38
  
  Поставил. Чудно, но я не понял, как им пользоваться. Там шорткоды или еще что-то? Ни на wordpress.com, ни на оффсайте инструкций не нашел.
  
  Ответить
  1. Ruslan 06.09.2011 в 22:14
    
    поставили плагин?
    
    Ответить

Kvanto автор 06.09.2011 в 22:38

ага

Ответить

Ruslan 06.09.2011 в 23:35

<a class="fancybox" href="#testube" rel="nofollow">Эта ссылка покажет карту в модальном окне</a>

<div style="display:none" id="testube">
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/01C4RPEinM4&hl=es&fs=1&color1=0x006699&color2=0x54abd6"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/01C4RPEinM4&hl=es&fs=1&color1=0x006699&color2=0x54abd6"
type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>
</div>

ну и сообственно между

<div style="display:none" id="testube">

</div>

вставляете код карты гугл.

Ответить

Kvanto автор 07.09.2011 в 00:50

А весь этот код куда вставлять?

Ответить
1. Ruslan 07.09.2011 в 07:24
  
  в HTML редакторе вставляете. div будет изначально невидимым. при нажатии на ссылку должно появлятся окно с картой.
  
  Ответить

Ruslan 06.09.2011 в 23:35

http://blog.moskis.net/downloads/plugins/fancybox-for-wordpress/

Ответить