Как реализовать отметки на план схеме ?


#1

Приветствую
Нужна Ваша помощ.

  1. Есть план схема jpg/png

  2. Каким способом порекомендуете делать отметку поверх столов / мест каким то цветом

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


#2
  1. Что конкретно вас интересеут?
  2. Я бы предложил в качестве админской панели вэб часть, т.к. на телефоне будет сложно попадать пальцем в столы / места. Реализацию уведомлений можно сделать через Firebase. В любом случае админка выйдет сложнее, чем клиентская часть, если только на клиентской части не будет возможности тоже выбирать столы / места.

#3

Ввиду отсутствия конкретных ответов выскажу свои мысли:

Задумка интересно, но как ее грамотно реализовать вторым, прозрачным слоем поверх картинки – хз.
Можно, конечно, костылями привязать кнопки строго к определенным координатам, но муторно. С другой стороны места не так часто меняются.

Для точного попадания по конкретному месту без приближения не обойтись.

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


#4

Пока видно только один более-менее подходящий вариант: послойное разделение.
Вам в любом случае придётся делать:

  1. фон, который не меняется
  2. поверх фона интерактивные элементы - ваши столики
  3. в админке это кнопки с имеджем; в клиентке это просто имеджы, меняющие цвет

Берёте фон и вырезаете и сохраняете каждый столик в отдельную картинку. На фон накладываете кнопки с каждым отдельным изображением столика. Меняете им цвет в зависимости от условий.
Схема большая - придётся делать скролл в двух осях, чтобы сохранить адекватный масштаб картинки для удобного взаимодействия.