Как лучше всего выделять области на изображении по типу area?
Когда не знал как работать с SVG, для подобной задачи использовал этот ресурс. Загружаете изображение и поверх него чертите области этажей. В итоге получаете сгенерированный код map area.
Но такие вещи лучше делать через SVG.
Для SVG есть онлайн редактор . Поступаете аналогичным способом, загружаете изображение, создаете новый слой и на нем чертите области. Правда лично не пользовался.
Проще конечно это делать в илюстраторе.
Я бы перекрыл изображение прозрачным канвасом и закрашивал бы на нем области :)