1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. FAQ

Местоположение (карта)

Главные вкладки

Аватар пользователя starcomputer starcomputer 13 января 2011 в 19:42

Знаю, что за такие вопросы посылают .... в поиск.
Искал, но там в основном описания, а реальных примеров Sad
В общем нужно следующее:
Страница (Page или Story), на странице ссылки типа:
Ааааааааааа
Ббббббббббб
Вввввв
Ггггггггггггггг
При щелчке на ссылку во всплывающем окне открывается карта с указанием месторасположения.
..................
Карта - карта города.
Посетители создавать метки не могут.
Понимаю, что нужно смотреть либо YandexMap, либо GoogleMap.
Вот только что конкретно ? Sad
Если кто-то делал подобное (или знает как) киньте ссылку плиз.

Комментарии

Аватар пользователя starcomputer starcomputer 14 января 2011 в 10:52

Спасибо за ответ !!!

"vicshine" wrote:
по-моему проще некуда

Ну можно и проще, Simple GMap,
хотя там и есть небольшие глюки. Smile
Но то что я хотел все равно не выходит.
Нужна ОДНА нода со ссылками, а все модули расчитаны, что одна карта - одна нода.
Можно конечно через подшивки решить, просто думал может кто сталкивался с готовым решением, а то я не спец.

Аватар пользователя vicshine vicshine 14 января 2011 в 12:53

так выведи ссылки отдельных карт, как модальные окна через лайтбокс или жКвери Smile
(нет времени, поэтому вкратце напишу)

Подключаем в шаблон темы (например, page.tpl.php) библиотеку жКвери туулс (тут на инглише написан подобный пример, ну а я его чуть адаптировал :)):

<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<script>
$(document).ready(function() {

$("a[rel]").overlay();

});
</script>

В нужном месте ноды, где ссылки, прописываем руками:

<a href="#" rel="#gmap-overlay1"/>карта 1</a>
<a href="#" rel="#gmap-overlay2"/>карта 2</a>

<div class="simple_overlay" id="gmap-overlay1">

        <!-- первая карта в окошке -->

        картинка самой мапы

        <div class="details">
                пояснения к мапе (если нужно)
        </div>

</div>

<!-- вторая карта в окошке -->
<div class="simple_overlay" id="gmap-overlay2">
        ...
</div>

всё, что связано с классом .simple_overlay не будет показано, пока не произойдёт жКвери действие, ибо пишем в любом присоединённом css файле твоей темы (css/style.css -> к примеру):

.simple_overlay {      
        display:none;  
        z-index:10000; 
        background-color:#333; 
        width:675px;   
        min-height:200px;
        border:1px solid #666;
       
        -moz-box-shadow:0 0 90px 5px #000;
        -webkit-box-shadow: 0 0 90px #000;
        box-shadow: 0 0 90px #000;
}

/* кнопочка закрывания модального окошка */
.simple_overlay .close {
        background-image:url(/img/overlay/close.png);
        position:absolute;
        right:-15px;
        top:-15px;
        cursor:pointer;
        height:35px;
        width:35px;
}

не забываем очищать кэш (!)

ну собственно всё Smile сорри, если будут ошибки где -> тороплюсь..

Аватар пользователя bodro bodro 14 января 2011 в 14:01

В Simple GMap можно использовать страницы вида - gmap/{nid} ( http://anonymous.org.ua/gmap/1 http://anonymous.org.ua/gmap/2 )
или копировать в общую страницу создаваемые им ссылки (_a href="http://anonymous.org.ua/gmap/1" onclick="return hs.htmlExpand(this, { objectType: 'iframe',height: 640,width: 614} )">Ббббббббббб _/a>)

ручная работа, но если таких страниц не много, то возможно подойдет

Аватар пользователя vicshine vicshine 14 января 2011 в 15:21

в css всё можно отпозиционировать как надо Smile
пройдись по сайту FireBug (плагин к Mozilla FireFox) -> много интересного узнаешь о том где и чего и куда Wink