• Статьи
  • Комментарии
  • Вопросы
  • Ответы
  • Добавить блог
  • Яндекс.Лента
  • Google Reader
  • NetVibes
  • Задать свой вопрос
  • Посмотреть чужие
  • HTML и CSS
  • JavaScript
  • Дизайн
  • Photoshop
  • SEO
  • Разное
  • блог
  • вопросы и ответы
  • рецензии
  • реклама на сайте
  • RSS каналы
    3363 подписчика
  • наш твиттер
    396 фолловеров
  • Google Maps и инфоокна

    17 июля 2009 в 11:54 Павел Марковнин JavaScript рейтинг +31- 22 комментария

    Google Maps и инфоокнаПривет!

    Сегодня мы опять вернемся к рассмотрению Google Maps API. В этом уроке я покажу вам, как использовать встроенные и внешние скрипты для управления инфоокнами на картах Гугла.

    Когда я делал сайт карты точек Wi-Fi, то хотел использовать свои собственные окна, а не те, что предлагает Гугл по умолчанию. В общем я нашел скрипт, который умеет это делать, прикрутил его, настроил внешний вид — вроде бы все круто. Но буквально за несколько часов до запланированного старта мой друг прислал мне скрин из Оперы, в которой эти самые окна выглядели, мягко говоря, довольно хреново. Сначала я подумал, что это мой косяк, но, покапавшись в скрипте и на сайте разработчиков понял, что лажанули создатели. Я начал искать решение и нашел его где-то в закрамах их SVN репозитариев — совершенно случайно. Его не было в публичной версии, про баг не было даже упоминанию, но решение я все-таки нашел. Так что сегодня я расскажу как делать нормальные кроссбраузерные кастомизируемые инфоокна для Google Maps.

    google maps.
  • Google Maps и большое количество маркеров

    20 мая 2009 в 0:01 Павел Марковнин JavaScript рейтинг +26- 20 комментариев

    Google Maps API, большое количество маркеровВсем привет!

    Сегодня мы продолжим разговор о маркерах, начатый в прошлой статье, и каснемся вопроса вывода большого числа маркеров на карту google maps.

    Как вы понимаете, с ростом числа маркеров растет и нагрузка на браузер (особенно на IE), что приводит к «тормозам» и прочим неудобствам для рядовых пользователей. На нашей карте точек Wi-Fi это проблема была особенно актуальна для карты Москвы, где на момент запуска проекта было около 700 точек. Сначала я пробовал выводить точки не все скопом, а по несколько штук с определенным временным интервалом — получалось красиво, но проблему тормозов не решало. Тогда я начал искать наиболее простые и удобные решения для кластеризации точек (англ. clusterer), которые позволяют группировать рядом стоящие точки на определенных уровнях увеличения карты и по мере приближения открывать их.

    Среди прочего на сайте карточного апи есть и маркер менеджер, но мне его настройка и работа показалась очень сложной (может быть, это и не так) и я продолжил поиски, найдя в итоге Кластерер. Вот его работу мы и рассмотрим в этой статье.

    google maps, маркеры.
  • Маркеры в Google Maps

    8 мая 2009 в 11:35 Павел Марковнин JavaScript рейтинг +35- 8 комментариев

    Маркеры в Google MapsПривет, ребята и девчата!

    Когда-то давно я написал статью о том, как я делал «карточную» часть сайта точек wi-fi. Так вот, там я все описал вкратце — думал, что материала в сети и так много и вроде все не так сложно (за исключением нескольких моментов ;-). Оказывается, что это не так, и судя по вашим комментариям (статья стала чуть ли не самой комментируемой на сайте), было бы неплохо раскрыть тему более подробно.

    В общем, с этой статьи я начну раскрытие вопроса. Сегодня я покажу, как добавлять маркеры на карту учитывая адрес, как этот маркер перетаскивать и как работать с координатами.

    google maps, маркеры.
  • Google Maps

    3 октября 2008 в 18:31 Павел Марковнин JavaScript рейтинг +37- 98 комментариев

    Осваиваем Google mapsВсе вы, наверное, знаете, что совсем недавно мы запустили свой новый проект. Это карта Wi-Fi точек по городам России. В качестве API для карты мы выбрали google карты (конкурентов у него не было и нет). Так вот, сегодня я расскажу некоторые о некоторых полезных / сложных / интересных моментах, с которыми я столкнулся при использовании Google Maps. В общем, начинаем.

    google maps.
реклама на сайте

Спонсоры

  • Profit-Partner.ru - заработай на своих сайтах
  • ZipPro - заработай на файлах больше!
  • Адрес ближайшей точки Wi-Fi по СМС
RSS

Последние комментарии

  • Win → Иконки — ежемесячный выпуск №9 (иконки офисных документов), 30 июля в 21:42;
  • Кирилл → Когда уже ie6 не станет?, 30 июля в 18:47;
  • Александр → CSS фрэймворки, 30 июля в 18:19;
  • Денисов Вячеслав → Яндекс.Карты, статья №2: Метки и балуны, 30 июля в 16:23;
  • Роман → Иконки — ежемесячный выпуск №8 (методы оплаты), 29 июля в 14:17;
  • Сергей → Выпадающее меню на CSS, 29 июля в 11:59;
  • shevgeny → Кросс-браузерный @font-face, 29 июля в 11:49;
  • Fruzenshtein → Делаем более понятные и удобные файлы стилей, 28 июля в 19:55;
  • алекс экслер → Как тестировать и оптимизировать JS скрипты, 28 июля в 9:15;
  • Alex → CU3ER — флешевая анимация картинок без знания флеша, 28 июля в 0:44;
RSS

Последние ответы на вопросы

  • info@finware.ru → почему мне пишут "введите e-mail правильно?, 30 июля в 7:10;
  • Grin → Подгрузка картинок, 26 июля в 11:35;
  • Андрей → button и IE - помогите разобраться с проблемой, 25 июля в 23:54;
  • Egukin → Хорошие и недорогие зарубежные хостинги и регистраторы доменных имён, 24 июля в 11:32;
  • Grin → не могу ввести адрес, 21 июля в 22:44;
  • efimov → Как сделать счетчик LiveInternet невидимым?, 16 июля в 15:55;
  • Дмитрий → Помогите плззз, 14 июля в 18:56;
  • aspix → Есть 200 000 рублей, хватит ли этого для крутого сайта с приличным дизайном? , 3 июля в 8:36;
  • FRIE → jQuery Tabs, 1 июля в 0:00;
  • Adward → Slide Menu на главной странице, 30 июня в 12:24;
RSS

Популярные статьи

  • Ctrl+Enter и клавиатурные события Javascript
  • Cтилизация файл-инпутов
  • Улучшение форм авторизации, регистрации и напоминации
  • Хороший AJAX
  • 38 статей о создании закругленных углов на сайтах
  • Пятничные сниппеты. jQuery, часть 3
  • Кнопки как в Gmail и Google Reader
  • Пятничные сниппеты. JavaScript, продолжение стилизации файл-инпута
  • Пятничные сниппеты. jQuery
  • Расставив все точки над семантикой

Совершенно случайные статьи

  • Инструменты для нахождения неиспользуемых CSS стилей
  • Каллиграфия и типографика, выпуск №4
  • Подведение итогов 2008 года
  • Методика написания CSS кода от Антонио Лупетти
  • Огненный текст в Фотошопе
  • Подборка плагинов jQuery для выбора даты
  • Кросс-браузерный @font-face
  • Ящик инструментов 3х3 для сеошника
  • Прогрессивное улучшение в JavaScript
  • Дивные дивы

Блогорол

  • Блог про буквы Александра Кириллова;
  • Picture Design — уроки Photoshop;
  • Уроки Photoshop CS2;
  • RMCreative;
  • Life style — HTML и CSS, доступность и юзабилити;
  • Дизайн мания — блог о веб-дизайне;
  • Блог w3school.ru — журнал для веб-мастеров и блогеров;
  • Web 2.0 форум. Блоггинг;
  • Сообщество ruby on rails разработчиков.

© Временно.нет, и Студия «Эстетик дизайн», 2008–2010
О проекте · Реклама на сайте · Статистика · Карта сайта