SamaraForVisitors

Интерактивная карта Самары для туристов.

Задача

Разработать веб-сервис карт для англоговорящих туристов, чтобы позволить им получше узнать о городе Самара. В нем есть куча крутых мест!

Разработка

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

Начальная страница

Начальная страница

Далее делаем сам экран карты: лого, кнопки, сама карта. На карту добавляем достопримечательности.

Карта

Карта

В левом верхнем углу делаем две кнопки. Первая - открывает попап с категориями мест, с помощью которых можно фильтровать места в городе. Вторая кнопка направляет на текущую геолокацию пользователя.

Категории мест

Категории мест

При нажатии на какое-либо место открывается попап с изображением, названием, категорией и описанием места:

Описание места

Описание места

Что использовали

При разработке данного веб-сервиса мы использовали стандартные технологии веба: HTML5, CSS3, JS, а также виджет карт mapbox.

Закажи разработку
проекта

Заполнить бриф