Плагин Google maps - Модули и плагины

<p class="dropcap">Профком студентов уютно располагается на 5 этаже главного учебного корпуса. С главной лестницы нужно повернуть налево и отсчитать третью дверь по правой стороне. Там же — рядом с дверью — висят два стенда, куда вешаются объявления и другая потенциально полезная для студентов информация. Мы работаем с понедельника по пятницу с 10:00 до 17:30 и ждём вас с вопросами, предложениями и конструктивой критикой. Приходите, вместе мы сможем найти ответы на любые вопросы.</p>

<div class="note">
<h5>Главный учебный корпус</h5>
<p>В здании 8 этажей и чердак. Это основной корпус, здесь располагается ректорат и бо?льшая часть кафедр. Кроме того, за корпусом стоят общежития, столовая, центр досуга и спорткомплекс. Всё вместе это называется студгородок.</p>
<p>Первый этаж: библиотека с читальным залом, актовый зал, «колодец», стенд с важной информацией, ксерокс, гардероб, магазин сувенирной продукции.</p>
<p>Второй этаж: буфет, интернет-зал, расписание занятий, мультимедиацентр, музей университета, конферц-зал.</p>
<p>Третий этаж: кафедра лингвистики и межкультурных коммуникаций, кафедра иностранных языков.</p>
<p>На четвертом этаже находятся кабинеты ректората,  бухгалтерий, управление делами.</p>
<p><b>Адрес:</b> ул. 50 лет Октября, 94. До главного корпуса вас <abbr title="если, конечно, она едет на Северо-запад, а не с Северо-запада">довезёт</abbr> любая маршрутка с маршрутом «Северо-запад». Выходить на остановке «Фатежская» (она же «политех»).</p>
<p><a class="punktir_main" href="#glavnyi">Показать карту</a></p>
</div>

<div class="note">
<h5>Нижний корпус</h5>
Корпус расположен в самом низу улицы Челюскинцев. Студенты называют его «старым». Действительно, исторически он был первым. Именно здесь, в 1964 году, началась история ЮЗГУ, тогда ещё Курского политехнического института. В этом корпусе учатся технари и технологи, причём первых больше. На первом этаже можно найти деканат факультета информатики и вычислительной техники. Корпус четырёхэтажный. Столовая на нулевом этаже, то есть в подвале.
<p><b>Адрес:</b> ул. Челюскинцев, 19. От главного корпуса сюда можно доехать через центр и по улице запольной. В любом случае выходить нужно на площади <a target="_blank" href="http://www.warheroes.ru/hero/hero.asp?Hero_id=11593">Перекальского<img src="content/new_window_grey.png" /></a>. Если вы едете через центр, то можно попросить водителя остановиться возле Центрального банка, так идти будет ближе.</p>
<p><a class="punktir_main" href="#glavnyi">Показать карту</a></p>
</div>

<div class="note">
<h5>Верхний корпус</h5>
<p>Корпус расположен внизу по улице Челюскинцев, чуть выше нижнего корпуса. В основном здесь занимаются экономисты, хотя — кроме экономического — тут находится и деканат факультета технологий и дизайна. В здании 4 этажа. Буфет на втором этаже.</p>
<p><b>Адрес:</b>ул. Челюскинцев, 19. От главного корпуса сюда можно доехать через центр и по улице запольной. В любом случае выходить нужно на площади <a target="_blank" href="http://www.warheroes.ru/hero/hero.asp?Hero_id=11593">Перекальского<img src="content/new_window_grey.png" /></a>. Если вы едете через центр, то можно попросить водителя остановиться возле Центрального банка, так идти будет ближе.<a name="glavnyi"></a></p>
<p><a class="punktir_main" href="#glavnyi">Показать карту</a>
</div>

<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту  (начало) -->
<!-- Загружается скрипт с сайта Яндекса. Здесь  после слов key= идёт специальный ключ, который надо получить на Яндексе http://api.yandex.ru/maps/form.xml-->
<script src="http://api-maps.yandex.ru/1.1/?key=APWT60wBAAAAQ0HhSQMAz73s2WkjVC_3wZsoQGwcSNF1ybMAAAAAAAAAAADuq-0d4o7fMoYWhxtBgpSlyornkA==" type="text/javascript"></script>
    <script type="text/javascript">
        // Создание обработчика для события window.onLoad то есть загружки страницы
        YMaps.jQuery(function () {
            // Создание экземпляра карты и его привязка к созданному контейнеру
            var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);

            //добавление элементов управления
            map.addControl(new YMaps.Zoom());
            map.addControl(new YMaps.ToolBar());

            // Установка для карты ее центра и масштаба
            map.setCenter(new YMaps.GeoPoint(36.148019,51.738137), 15, YMaps.MapType.MAP);

// Создает группу меток, обозначающих расположение корпусов на карте
var group = new YMaps.GeoObjectCollection();
group.add(createPlacemark(new YMaps.GeoPoint(36.148019,51.738137), 'Главный корпус', 'литера «Г»<br/>ул. 50 лет Октября, 94.'));
group.add(createPlacemark(new YMaps.GeoPoint(36.199581,51.745214), 'Нижний корпус', '№1, литера «а»<br/>ул. Челюскинцев, 19'));
group.add(createPlacemark(new YMaps.GeoPoint(36.198197,51.745189), 'Верхний корпус', '№2, литера «А»<br/>ул. Челюскинцев, 19'));
group.add(createPlacemark(new YMaps.GeoPoint(36.150636,51.710189), 'Корпус на Ерёмина ', '№3, литера «Е»<br/>ул. Ерёмина, 1'));
group.add(createPlacemark(new YMaps.GeoPoint(36.154986,51.744728), 'Корпус на Запольной', '№4, литера «Н»<br/>ул. Скорятина, 190 (здание бывшего детского сада)'));
            map.addOverlay(group);

            // Создание управляющего элемента "Путеводитель по корпусам"
            map.addControl(new OfficeNavigator(group));
        });

        // Функия создания метки на карте
        function createPlacemark (geoPoint, name, description) {
            var placemark = new YMaps.Placemark(geoPoint);
            placemark.name = name;
            placemark.description = description;

            return placemark;
        }

        // Управляющий элемент "Путеводитель по корпусам", реализует интерфейс YMaps.IControl
        function OfficeNavigator (offices) {

            // Добавление управляющего блока элементов на карту
            this.onAddToMap = function (map, position) {
                    this.container = YMaps.jQuery("<ul></ul>")
                    this.map = map;
                    this.position = position || new YMaps.ControlPosition(YMaps.ControlPosition.TOP_RIGHT, new YMaps.Size(10, 10));

                    // Выставление необходимых CSS-свойств
                    this.container.css({
                        position: "absolute",
                        zIndex: YMaps.ZIndex.CONTROL,
                        background: '#fff',
                        listStyle: 'none',
                        padding: '10px',
                        margin: 0
                    });
                    
                    // Формирование списка корпусов
                    this._generateList();
                    
                    // Применение позиции к управляющему элементу
                    this.position.apply(this.container);
                    
                    // Добавление на карту
                    this.container.appendTo(this.map.getContainer());
            }

            // Удаление с карты
            this.onRemoveFromMap = function () {
                this.container.remove();
                this.container = this.map = null;
            };

            // Пока "летим" игнорируем клики по ссылкам
            this.isFlying = 0;

            // Формирование списка офисов
            this._generateList = function () {
                var _this = this;
                
                // Для каждого объекта вызываем функцию-обработчик
                offices.forEach(function (obj) {
                    // Создание ссылки на объект
                    var li = YMaps.jQuery("<li><a href=\"#\">" + obj.name + "</a></li>"),
                        a = li.find("a"); 
                    
                    // Создание обработчика щелчка по ссылке
                    li.bind("click", function () {
                        if (!_this.isFlying) {
                            _this.isFlying = 1;
                            _this.map.panTo(obj.getGeoPoint(), {
                                flying: 1,
                                callback: function () {
                                    obj.openBalloon();
                                    _this.isFlying = 0;
                                }
                            });

							_this.map.setZoom(15, {smooth: true, position: obj.getGeoPoint()});
                        }
                        return false;
                    });
                    
                    // Слушатели событий на открытие и закрытие балуна у объекта
                    YMaps.Events.observe(obj, obj.Events.BalloonOpen, function () {
                        a.css("text-decoration", "none");
                    });
                    
                    YMaps.Events.observe(obj, obj.Events.BalloonClose, function () {
                        a.css("text-decoration", "");
                    });
                    
                    // Добавление ссылки на объект в общий список
                    li.appendTo(_this.container);
                });
            };
        }
    </script>

<!-- Задание размеров и параметров карты-->
<div id="YMapsID" style="width:695px;height:500px"></div>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->
<br /></div>