Сверстать карту для приложения под Android

Подробнее:

1. Контейнер(зеленая кнопочка). Когда на нее нажимаешь, она должна разворачиваться и сворачиваться.
   
2. Карты внутри контейнера (однотипные)
   
3. 2 вида карт:
   

• Слои.
  
• Пути.
  

1. Тип “Слои”: нужно сделать добавление, удаление, редактирование и выделение слоя. Когда выделяешь слой, его можно редактировать: добавлять точки или удалять точки. Можно сделать через кнопочки, или клавиши (Ctrl, Shift, Space)
   
2. В выбранном слое отображается таблица в нижнем левом углу, в контейнере, где будут описаны рекламы. Также должны быть кнопки удалить и добавить рекламу. Когда нажимаешь кнопку добавить рекламу открывается iframe (подготовить логику взаимодействия с iframe - для приёма json данных)
   
3. Должны рисоваться пути ходоков. Они будут рисоваться через массив точек: начало пути - конец пути. На протяжении пути будут рисоваться еще пути.(пути разных типов, красный и зелёный, с возможностью добавить новый цвет) Отображение пути разного типа в зависимости от входного массива; Выделение пути, когда выделяется путь должна показываться таблица как в слоях - с возможностью изменения количества столбцов
   

Вся логика клиентская - подготовить для переноса на сервер.


Всё написать на js, html, css, адаптив, кроссбраузерность - Freamework в помощь.

Карта Google map.

Логика работы системы на чистом js (можно jquery).

Отображение слоёв с входными данными в json точки lat:lng, цвет hex, остальное по удобству

Отображение пути аналогично в Json

После любых манипуляций создать методы срабатывания событий - выходные данные - id объекта от которого событие (слой или путь (у пути событие выделения)) - и измененные данные.