Artego

Задачу можно решить не привлекая php, на чистом JacaScript. Аяксом качаем страницу с карточкой товара, парсим инфу и выводим в нужном нам виде в модельном окне. Задача решена.

2018 год, стилизация Яндекс Карт доступна из коробки.
Вот как выглядит пример от Александр Баля только без jQuery:

myMap.panes.get('ground').getElement().style.filter = 'grayscale(100%)';

Полный список слоёв и другие примеры см. в документации.

А зачем svg?
Карту положить фоном,
Заведите в базе таблицу, в которой будете хранить маркеры, с указанием координат на карте и другой полезной инфой.
Выведите циклом поверх фона (position absolute).
Стиль кружка при наведении менять через css hover
Клик обрабатывайте через jquery click

Если нужно будет при наведении подсвечивать не кружки, а именно области, то воспользуйтесь www.outsharked.com/imagemapster

https://github.com/defunkt/jquery-pjax

Фрилансеру, который может качественно и без срыва сроков делать свою работу, вообще переживать не стоит. Потому что таких подавляющее меньшинство и спрос на них о-го-го. Сейчас я уже перестал удивляться, как верстке с детскими косяками, так и откровенному говну, которое получает заказчик от очередного "топового" умельца. Работаю пока только на русском фрилансе, но думаю, что это правило общее: качество+сроки+немного маркетинга=работа будет всегда. А биржи или их хозяева - это преходящее.

Перегружать или расширять CSS-фреймворк непродуктивно. Хотя сам постоянно этим грешу.

Продуктивно - использовать шаблонизатор, и не заниматься постоянной переверсткой статики.

У меня возникло стойкое ощущение, что это во многом дань моде. Типа как у меня пятый айфон, хочу шестой, потому что он вышел и все его хотят. Далее, я встречал его использование в крупных проектах, но не для стилей, а для табов (это вообще святое, ну и правда ведь удобно) и других элементов со всякими data-toggle, data-trigger и прочих слов на букву t.

Всё просто! Я думаю то, что вы сделаете, при условии, что руки у вас прямые, будет поддерживаться после вас. И разработчикам не придётся изучать ваш css код, что бы вставить еще одну колонку, изменить размер другой колонки сетки и т.д., т.к. с документацией Bootstrap многие уже знакомы, а те, кто нет, смогу её прочитать.

К тому же, они не просят вас полностью его использовать. Для описания общих вещей, почему бы нет. Использовать сетку, меню, пару плагинов и дело в шляпе.

Я лично его не использую. Для себя давно написал каркас, который всегда по мере надобности улучшаю. Но так же я использую некоторые плагины bootstrap. Модальные окна, выпадающий список и табы(вкладки). Все!

Просто выпилите все не нужное и оставьте то, чего требует проект. И заказчик доволен и вам проще

вот очень похожее)
tympanus.net/codrops/2012/02/06/3d-gallery-with-cs...

Удваиваю предыдущего оратора Benajmin Smith.

В целом на изучение angular/ember нужно пару часов среднему Senior Developer - этот уровень знаний позволит написать какое-нибудь приложение.

Но нужно понимать что ада и жести в этих инструментах настолько много что вам потребуется минимум год или даже больше что бы осознать все нюансы и тонкости. Особенно если речь зайдет о тысячах элементов на странице и производительности.

Не рассчитывайте на быстрое и безболезненное вхождение. Первое впечатление от таких фреймворков вызывает обманчивый вау-эффект который быстро растворяется в баттхертах при попытке сделать что-нибудь действительно внушительное.

В общем - будьте начеку и сразу примите ту мысль что это длительный процесс.