Вводная.
Имеется мобильное приложение (ios и андроид), которое отображает с сервера страницу с картами Google Maps через WebView.
Поэтому все нижеуказанные страницы должны быть сверстаны под браузеры мобильных устройств (смартфонов)
В текущей верстке (не связанной с картами) используется jQuery. Кодировка (сорри) — windows 1251.
Необходима верстка по стандартам CSS 3 / HTML 5
Задание.
Необходимо, используя только Google Maps (API), сверстать 2 страницы следующим образом:
Страница 1. Алгоритм:
— пользователь находится на странице на которой есть три элемента: input=hidden (координаты), input=text (адрес), кнопка вызова модального окна
— происходит нажатие по элементу вызова модального окна
— снизу открывается модальное окно, которое заполняет всю страницу по высоте и ширине
— модальное окно: большая часть (по вертикали) — карта, меньшая часть (внизу) — кнопка Done на всю ширину экрана (пример будет предоставлен)
— в окне открывается карта google maps с текущей геолокацией и максимальным увеличением (т.е. дома, а не континент)
— на странице отображается неподвижный собственный (а не стандартный Google Maps) маркер по центру (по горизонтали и вертикали) — маркер будет предоставлен в eps
— при этом маркер всегда должен оставаться неподвижным, а жестами должна перемещаться карта
(пример желаемого реализован здесь —
— после того, как пользователь "подстроил" свайпом карту — он нажимает кнопку "Done" внизу экрана
— модальное окно закрывается. координаты передаются в input=hidden, в input=text отображается адрес (google api позволяет это делать)
Страница 2. Отображается карта Google Maps на которой:
— определение текущей геолокации с собственным (а не google) маркером
— отображение других объектов по координатам (координаты будут переданы через PHP при загрузке страницы) с собственными маркерами
— по нажатию на "другой" объект — bubble-поле внутри карты (стандартное) с кратким описанием и ссылкой "подробнее"
Страница 3. То же самое, что и в предыдущей странице, но со следующими особенностями:
-- поверх карты есть фильтры (1 км, 5 км, 10 км).
-- по нажатию на фильтр отображаются только те "другие" объекты, которые находятся в радиусе фильтра от текущей геолокации
Надеюсь, понятно объяснил))
Уточнение деталей и вопросы — через Skype.
Предпочитаемое время реализации — один день.
Коммуникация на период проекта — почта и Skype (логин: madeinprim). При необходимости — WhatsApp.
Уважаемые коллеги!
1. Внимательно отсматриваю каждый отклик, ни один не остается без внимания. Авто-ответы / шаблонные ответы игнорируются.
2. Убедительная просьба обозначать срок и стоимость, а также прикладывать примеры работ!
3. Разница в часовом поясе +7 GMT (Владивосток, Россия). Могу сразу не отреагировать на ваш отклик
Благодарю за отклик и понимание