Здравствуйте уважаемые обитатели форума!

Помогите пожалуйста советом. Задача такая: Требуется создать одно большое изображение ( а желательно бесконечный канвас) и разделить его на множество маленьких квадратов,каждому квадрату задать свой id. (который будет сохранен в бд) Так как изображение очень большое загружается,только тот кусок,который виден на мониторе.( возможно внутри какого-нибудь окна div) Изображение можно увеличить и перетащить в любую сторону,в общем принцип как в google maps
Сначала я думал про создание интерактивной карты,позже про canvas html5,но потом совсем сбился с толку... Направьте пожалуйста на путь верный,подскажите как и с помощью чего можно реализовать данную задачу.К теме прикрепляю изображение,которое немного поможет понять задачу.Заранее всем огромное спасибо
