Search
Write a publication
Pull to refresh

Comments 99

Думал в ту же сторону, но так и не сделал.
Подскажите пожалуйста, а как вы неточности карты обошли? Плохо ведь, когда ресторан находится не в здании, а во дворе, потому что то здание давно снесли, а новое построили чуть в стороне. Или у вас все четко?
Это делается ручным корректирование широты и долготы, которые при работе с картами должны находиться в базе на сервере. Использование гугловского гекодирования очень ограничено, поэтому в таких проектах мало используется.
в закладки, любимый город ;)
думаю на карте стоит показывать изначально небольную часть заведений ;)
Для более полного списка
vkontakte.ru/app608030
Вот карта моего города. Здесь пользователи сами создают контент.
На странице с картами, из-за улиц под наклоном, создается визуальное впечатление, что весб дизайн перекособочен :)
UFO landed and left these words here
приятный диз, а для чего нужны создателям некоммерческий сайт? или он в будущем будет принсить деньги?
PR + в будущем скорее всего монетизация. Причем она прозрачна — брать деньги с заведений за баннеры или позицию в поиске.
Это чистый PR. Брать деньги с заведений мы не будем.
мне понравилось. Единственный момент, когда быстро двигаешь карту, появляется черный фон (Опера 9), которые окаймляет сверху и сбоку как шапка блоки «Новое» и «Популярное»
спасибо, посмотрю обязательно. в 10й опере тестировал — все в порядке было
Небольшой вопрос: а как отнеслись заведения к обзвону? Сразу предоставляли информацию или вы им ограниченный доступ в админку дали, или как-то пришлось уговаривать? Интересует именно механика наполнения данными. Хочу сделать аналогичный проект для своего города.
Да уж… Невесело.
Ладно, будем дерзать. Спасибо за информацию.
Прочитав про то, как вы выкидывали все из дизайна, сразу представил непонятный белый сайт. А зайдя — приятно удивился. Очень опрятно, чисто и продуманно. Все бы так делали. Так держать!
UFO landed and left these words here
Огромное спасибо. Немного ободрения — это то, чего нам сейчас особенно остро не хватает.
Хотя нет. еще нам не хватает комментариев к заведениям ;)
Вы молодцы! Сам сейчас делаю приложение на гуглокартах и представляю какой это объем работы.
Иконки отпад!
Какой объем работы-то? :) с месяц пишу довольно большое приложения для Maps, такое можно было бы склепать за… Два-три дня?
на само ядро примерно столько и ушло
но дьявол как обычно в мелочах
А на чем бэкэнд делался?
Для начала, нужно изучить сам API. Ну и как написали выше, дьявол в мелочах. Вы сами говорите что месяц пишете…
Я к тому что мало людей из энтузиазма возьмется писать приложение под Gapi
Не, ребята по-любому молодцы, сделали очень симпатичную и аккуратную штучку, и дело тут не в том, что сделано что-то нереальное; а в том, насколько ласково это все выглядит в целом.

Насколько понимаю, с картой они почти не колдовали, только отвратные маркеры дефолтные сменили. Здорово было бы еще всплывающее окошко пооригинальней.
Окошко поменять — переписать нафиг весь infoWindow. Это уже маньячество. Хотя, если появится свободное время — можно будет заняться.
Да не, это не так чтобы сложно. Мне надо было делать аналог InfoWindow, но чтоб при разных масштабах окошко выглядело по-разному. Если не ошибаюсь, всего делов было, что переопределить один или два метода, возвращающих html окошка.

Мы всей конторой обсуждали ваш сайтик :) Решили, что, раз уж кастомные маркеры, дизайн непривычный для мэшапов; и карта сама на себя не похожа, то резонно довести все до завершения и сделать еще и модный InfoWindow.
мне нравится эта идея — на перспективу. Можете дать пару наводок, как заменить дизайн InfoWindow?
или вы перехватывали событие и отдавали свое окошко?
Ну не, никаких перехватов. Мы ж с Гугл имеем дело, у них все по-пацански.

Если вкратце, то надо ставить в прототип InfoWindow и переопределять метод или два, названия я сейчас точно не вспомню. Если интересно, могу завтра на работе глянуть быстро, как это делается.
если не сложно, посмотрите, пожалуйста. Хоть сориентируемся в какую сторону копать.
Все довольно просто. Только код мне мой старый не очень понравился.

В общем случае, InfoWindow — обычный GOverlay. Добавляется на карту обычным образом:

var info = new PlaceInfowin(latlng, 
				   place);
this._map.addOverlay(info);


Здесь latlng — координата внесения окошка, place — информация, на основе которой будет собираться html в пределах окошка.

Сам класс PLaceInfowin выглядит примерно так:

function PlaceInfowin(latlng, place){
    this.prototype = new GOverlay();

    var html = "hello" // сюда кладем html содержимого окошка

    this.initialize = function(map) {
	var div = $('<div />');

	this.map_ = map;
	this.div_ = div;

	div.css({
	    position : 'absolute',
	}).appendTo(map.getPane(G_MAP_FLOAT_PANE)); // здесь вносим наш div на карту

	this.update(html); // рисуем наш infowin либо просто обновляем  содержимое div
    };
    
    this.update = function(html){
	this.html_ = html;
	
	this.div_.empty();

	var content = $('<div/>').addClass('content').css({
	    'position' : 'relative',
	    'overflow' : 'hidden',
	    'top' : 5,
	    'left' : 5,
	    'right' : 5,
	    'bottom' : 5,
	    'height' : 120,
	    'width' : 150,
	}).html(html);
	
	$('<div />').css({
	    'background-color' : 'grey',
	    'height' : 120,
	    'width' : 150,
	    'padding': '2px 2px 2px 2px',
	    'border-width': '2px',
	    'border-style': 'solid',
	    'border-color': 'black'
	}).html(content).appendTo(this.div_);
	
	this.redraw(true); // здесь div будет расположен в нужном месте на карте
    };

    this.redraw = function(force) {
	if (!force) return;

	var point = this.map_.fromLatLngToDivPixel(this.latlng_);

	this.div_.css({
	    left : point.x,
	    top : point.y - this.div_.height() - 30
	});
    };

    //  функция удаление div с карты
    this.remove = function() {
	this.div_.remove();
    };

    // копирование
    this.copy = function() {
	return new PlaceInfowin(this.latlng_, 
				this.place_);
    };
};


Чтобы учитывать масштаб карты, надо в функциях при отрисовке опрашивать this.map_ на текущий zoom level и соответственно отрисовывать html и div, включаемый в карту.
Надеюсь, не слишком спутанно :)
спасибо большое. Попробуем сделать.
Да не за что :)

Кстати, там JQuery используется, вы, должно быть, заметили.
я тоже на jquery делаю. Так что заметил причем «с чувством глубокого удовлетворения»
Кстати. Маленький баг. Появляется после следующих действий:

1) закрыть карту;
2) открыть карту;
3) скрыть фильтр.

Теперь справа от карты появляется пустое место.

Linux, Firefox 3.0.13. Вроде как и под Виндой что-то похожее появляется.
все утро удаляли смежный бак. скрыть фильтр — скрыть карту — открыть карту = скрол вправо. Удалили, но похоже породили другой.
Большое спасибо за Вашу помощь. К сожалению не могу повысить Вам карму дважды.
Напишите про работу в команде:
— сколько человек?
— как делите работу?
— есть ли лидер, котрый других мотивирует?
— как боролись с ленью?
1. 3 человека
2. по специальностям — дизайнер, программист и менеджер
3. менеджер. Бьет, не кормит, накачивает кофе и витаминами
4. см. пункт 3
Сколько может стоить клон — под другой город (возможно с нулевым дизаном, только движек)
с вашей информацией — порядка 25000 рублей и дней 10. Но возьмемся только в конце сентября, не раньше. К этому времени отрастут модули Пользователи, админка для администраторов кафешек и GeoSiteMam c GeoRSS
Ульяновец. Рад за вас. Как добавлять информацию, не узрел?
добавлять информацию о новых кафе можно будет со следующей недели — когда запустим регистрацию. Извините, но пока этот модуль не совсем готов.
Оставить отзыв, проголосовать, подтвердить информацию (ссылочка (все верно)) и сообщить об ошибке (ой, ошибка).
Если вы разрешите, я добавлю вас в пользователи и на следующей неделе пришлю приглашение.
Интересный сайт. А мы делаем про Пермь — top2go.ru, но помимо информации о местах еще пишем обзоры и следим за событиями.
У вас хорошее, подробное описание мест. Думаю, были бы к месту фотографии интерьеров.
Сайт не открывается =(
Забыли заплатить за хостинг?
Это относилось к пользователю Aurum с его top2go.
В данный момент уже все работает.
Ага, были проблемы с хостингом сегодня.
Очень понравилось :) Хотелось бы видеть что то подобное и для своего города (Казань)
О, как бы я хотел делать это для Казани! С детальной картой, с номерами домов и рабочим geocoding.
В общем, заказываете.
А размер окна браузера у вас определяется и в зависимости от этого одна или две колонки?
да, при загрузке странице определяем и назначаем соответствующие стили.
А можно вкратце о реализации?
var gW = $.viewportWidth();
if (gW < 1200) {
$('#wrapper').addClass('smalled');
}
это на jquery.
На чистом js не намного длиннее будет.
А в стилях прописываете уточнения вроде
#wrapper. smalled ul.objList li {
width: 450px;
}
А почему названия улиц не по-русски? Есть же в Google Maps API возможность указать язык… Специально проверил в своих реализациях, есть в Ульяновске улицы по-русски.
я прямо даже и не знаю, что ответить. Конечно, можно — hl=ru в запросе.
Почему никто не заметил, что названия улиц стали на транслите и когда это случилось, я не знаю. Спасибо огромное.
Исправления в реальном времени )
Транслитом почему-то гламурнее что ли смотрелось.
UFO landed and left these words here
только 4 заведения имеют wi-fi
чего уж там искать среди них :)
UFO landed and left these words here
интересные развлечения в ресторане Сахара…

Развлечения и программа бой титанов (в основном в пт., сб.)
Спасибо за ресурс! Добавил в закладки, буду пользоваться.
всегда пожалуйста. На подходе банкоматы, аптеки и автоточки. Будем рады видеть вас и там.
ФФ 3.5.3 при клике «на карте» ДЖс еррор, и переходит на детально инфо места.
проверил, все работает. возможно недогрузились скрипты? Попробуйте F5+F5+F5
ну тогда уж контрол+ф5
скрипт срабатывает, открывается попап, но уже потом

Ошибка: console is not defined
Источник: simbirsk.net/js/dsn.js
Строка: 228

кароче говоря фаербаг не увсех есть, или включён ;))
(typeof console == «object») console.log(«lalala»);
извините, забыл закомментировать отладочный код
между тегами, в описании уж слишком большое расстояние, уберете лишние пробелы (минифай так сказать), увеличите скорость загрузки ;)

очень грамотный подход к гуглмасп.Апи ;)

По мелочам поправить и конфетка!
чистый и аккуратный дизайн, молодцы. Глаз отдыхает.
на редкость приятно и качественно! %)
Обалдеть, ребята. Серьезно безкорыстной радостью порадовался). Молодцы. За 7 лет жизни в Ульске по памяти это, наверное, первый проект аля «европейского» уровня. На первый взгляд во всяком).
Очень хороший сайт получился, поздравляю. Москвичам конечно не привыкать к такому развитию информационных услуг, а вот в регионах дремучий лес совершенно.
Ульяновец. Отличный проект!!! Думаю было бы хорошо центрировать карту на районе при выборе оного, а то каждый раз передвигать карту — быстро надоест :)
Если отфильтровать по «грузинская», то получим два Алазани по тому-же адресу.
Отдельно — ресторан, отдельно — кафе?

Может, все-таки, один объект показывать?
самое интересное забыли написать — о монетизации.
1. нельзя управлять масштабом карты колесиком
2. при уменьшении ширины экрана появляется скрол
3. если загрузить страницу со скрытой картой, а потом ее развернуть, то карта не будет тянутся при ресайзе окна
4. футер не прижимается к низу страницы при ресайзе
1. на всех не угодишь. До этого жаловались, что при загрузке когда пытаешься прокрутить карту до контента, вместо этого изменяется масштаб. Поставлю выбор действия в профайл пользователя, чтобы каждый сам себе мог выбрать.
2. знаю. на ресайз пока не повесили действие. в todo одназначно
3. не знал. поправим.
4. на ресайз не вешали действий. тоже в todo

Большое спасибо за замечания. 4 из 4 в работу :)
При работе колесом учитывать находимся над картой или над текстовым контентом.
Мне поначалу показалось, что масштабирование не работает вообще.
Скорее всего это привычка к гугломапам и близость к IT сфере вообще.

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

молодцы!
СУПЕР! Главное с умом и ничего лишнего. Аплодисменты =)
Довольно не плохо сделанно :-)
Главное теперь не закидывать проект и продолжать его развивать, ну конечно в лудшую сторону :-)
А я уже отчаялся искать земляков на Хабре. Ан нет. :-)
Молодцы! :-)
думаю ресурс будет востребован, так как такого, чтобы наглядно и удобно, для нашего города ещё никто не делал, главное теперь развивать его
ктонибуть «бесплатные туалеты» уже сделал?
Хороший проект. А отзывы посетителей о заведениях будете делать?

И еще, в окне «Хитрого поиска» не сразу понятно что делать после выбора значений фильтров или простановки галочек. Рука тянется к нижнему правому углу окошка. Кстати, около поля «Название» есть большая кнопка, а нижняя часть окна отделена, как будто это отдельная форма и у нее должна быть своя кнопка. Может как-то части объединить визуально?

И похоже баг: сделал «Хитрый поиск», хочу еще раз поискать. Нажимаю «фильтры ->» в углу, в панели нажимаю «Хитрый поиск», открывается окошко с надписью «секундочку...» и ничего не загружается. Ff 3.5.3.
1. от пользователей пока только в виде комментариев. Боюсь полноценные отзывы/обзоры все равно придется самим писать
2. это разумно. нужно поставить еще одну здоровую яркую кнопку снизу, благо место там есть
3. в подавляющем большинстве пользователи ищут кафешку по названию. Поэтому, чтобы они не мучались и не искали поле с названием мы его вынесли и увеличили. но после вашего комментария согласен — выглядит как 2 несвязанные формы. Поправим сегодня же
4. возможно подвис хостинг. Мы не ожидали такого притока посетителей (2500 уников с хабра). Добавлю рядом с секундочку ссылку «отменить» на такой случай.
2, 3 и 4 в todo.
Большое спасибо
Сайт сделан грамотно. Но или я не заметил или этого нет, менеджер загрузки иконок на разном приближении карты. Ведь если элементов будет больше то подгруздка элементов будет занимать больше времени.
Немножко поковырял Ваш сайт, классно написано. Я про js код, читаешь как книжку.
Sign up to leave a comment.

Articles