Mihalytch personal blog » Google

Знакомство с Google Maps API. Часть #2

mihal — Fri, 24 Apr 2009 16:21:23 +0000

Как я и обещал в первой части Знакомства с Google Maps API этого цикла, мы сейчас познакомимся с обработкой событий, добавлением/управлением объектами карты Google.

Как для регистрации обработчиков событий DOM и пользовательских событий, так и для их запуска в Google maps API есть пространство имен GEvent. Сейчас мы воспользуемся для примера методом addListener(source, event, handler). Этот метод регистрирует пользовательское событие event в источнике объекта source и вызывает обработчик handler.

Теперь назначим событию click обработчик, который будет создавать метки на карте. Затем мы научим эти метки позиционироваться путем перетаскивания их мышкой по самой карте и назначим удаление их из карты по даблклику по метке.

Теперь перейдем от теории к практической части:

/* Здесь мы будем хранить классы:
- GMap2 для создания карты;
- GClientGeocoder для получения геокодов для пользовательских адресов
*/
var map, geocoder;

function initialize_map () {
    /* Если браузер совместим */
    if (GBrowserIsCompatible()) {
        /* Создадим объект карты */
        map = new GMap2(document.getElementById("google_canvas"));
        geocoder = new GClientGeocoder();

        /* Установим координаты центра карты и начальный масштаб */
        map.setCenter(new GLatLng(37.4419, -122.1419), 5);

        /* Добавим элементы управления картой, воспользовавшись конструктором GLargeMapControl из класса GControl  */
        map.addControl(new GLargeMapControl());

        /* Добавим мини-карту обзора в углу основной карты */
        map.addControl(new GOverviewMapControl());

        /* Назначаем  onClickForMap() обработчиком события click  */
        GEvent.addListener(map, "click", onClickForMap);
    }
}

/* При нажатии на карту  */
function onClickForMap(overlay, latlng) {
    /* Если определен входной аргумент */
    if (latlng != null) {
        /* Определим координаты точки, в которой было вызвано событие  */
        geocoder.getLocations(latlng, addPointToMap);
    }
}

/* Непосредственно добавление точки с маркером на карту */
function addPointToMap (response) {
    /* Если произошла какая-либо ошибка при определении координат - выведем ошибку */
    if (!response || response.Status.code != 200) {
        alert("Status Code:" + response.Status.code);
    } else {
        /* Получим координаты */
        place = response.Placemark[0];
        /* Создадим точку на карте */
        point = new GLatLng(place.Point.coordinates[1],
        place.Point.coordinates[0]);

        /* Создадим маркер в этой точке */
        var marker = new GMarker(
            point,
            /* разрешим пользователю перетаскивать мышкой этот маркер  */
            {draggable: true}
        );

        /* При двойном клике по маркеру */
        GEvent.addListener(marker, "dblclick", function() {
            /* Вызовем метод  hide() который скроет маркер */
            this.hide();
        });

        /* Нанесем созданный нами объект на полотно карты */
        map.addOverlay(marker);
    }
}

initialize_map ();

То что из этого получиться вы можете посмотреть в примере.

Знакомство с Google Maps API. Часть #1

mihal — Wed, 22 Apr 2009 10:55:53 +0000

Для того чтобы использовать карты Google на своем веб-ресурсе, необходимо получить ключ к API карте гугла. Для этого идем по этому адресу, соглашаемся с условиями использования, вводим URL своего сайта и жмем “Сгенерировать ключ к API”. На следующей странице получаем ключ.

Следующим шагом нам необходимо подключить саму библиотеку Google:

Затем в HTML коде страницы необходимо определить блок, в котором будет отображаться карта и стили для него.

Теперь пишем функцию инициализации карты Google:

 /* Если браузер совместим */
 if (GBrowserIsCompatible()) {
 /* Создадим объект карты */
 var map = new GMap2(document.getElementById("google_canvas"));

 /* Установим координаты центра карты и начальный масштаб */
 map.setCenter(new GLatLng(37.4419, -122.1419), 5);

 /* Добавим элементы управления картой воспользовавшись конструктором GLargeMapControl из класса GControl  */
 map.addControl(new GLargeMapControl());

 /* Добавим мини-карту обзора в углу основной карты */
 map.addControl(new GOverviewMapControl());
 }

И самое главное, нам нужно запустить эту функцию при загрузке страницы и выгрузить при закрытии:

Сейчас у нас получилось отобразить карту следующим образом. В следующей статье мы научим нашу карту взаимодействовать с пользователем в интерактивном режиме.

P.S. Для самостоятельного изучения рекомендую к прочтению справочные материалы по API карт Google.

Yagle…

mihal — Sun, 02 Mar 2008 20:51:27 +0000

Размышление о поисковых системах (знающие поймут) …

У представителей общества стран СНГ на слуху несколько известных поисковых систем. ИМХО самые популярные – Яndex и Google. Подумав с сотрудниками, сделали вывод – а зачем их два или больше, может проще сделать один – “Yagle” ?..

Рассуждаем далее. Существуют люди, которые создают алгоритмы для корректного позиционирования сайтов в рейтинге поисковых систем по определенным запросам и тематикам…

Следующая категория оптимизирует и продвигает определенные сайты. Естественно не бесплатно.

Еще одно категория – владельцы сайтов. Зачастую владеют далеко не одним сайтом и пользуются услугами предыдущей категории.

Вывод первый: в выдаче поисковых систем по популярным запросам на вершине рейтинга содержатся ресурсы не соответствующие требованиям конечного пользователя…

Вопрос: зачем платить больше?

Вариант решения проблемы: создать единственный поисковик, в данном случае Yagle и открыть тендер на позиции в выдаче.

В итоге: отпадает надобность бороться разработчикам поисковых систем с оптимизаторами. Продвигающим свои ресурсы не нужно переплачивать, пользователи поисковой системы уже заранее четко знают, почему именно эти ресурсы в выдаче. =)

О поисковом роботе …

mihal — Sat, 23 Feb 2008 14:20:10 +0000

Анализируя время посещения наших сайтов поисковым роботом, мы с нашими сотрудниками пришли к следующему выводу.

Работает как минимум на 2х работах.
Практически не отдыхает и работает преимущественно ночью.
На Яндекс работает в основном с 2 ночи до 10 утра.
На Гугл днем.
Иногда делает “шабашки” у Рамблера…, когда последний все-таки упрашивает заглянуть его к себе на недельке.