Карта поставок из других стран

Для сайта Rainbowproduction Co. требовалось сделать красивую карту поставок продукции из других стран.

Карта тянется до любого размера, слайд-шоу увеличивается при наведении курсора:

Карта производства товаров в разных странах

Пара слов о технической реализации карты

Сами континенты — это гибрид растового и векторного изображения. Растовое изображение изначально большое (это позволяет, не боясь, открыть карту на большом мониторе).

Растровое изображение рельефа земли (это 50% от оригинала)

Во флеше я сделал слой с рельефом еле видимым, а само изображение перевёл в ч/б, обрезал лишнее (то есть залил всё ненужное чёрным цветом), перешарпил (то есть выкрутил резкость до максимума) — и после этого сохранил картинку в минимальном качестве, чтобы уменьшить общий вес карты. Резкость завышена для того, чтобы на мелких версиях карты рельеф континентов не «пропал».

Внимательные читатели заметят, что дополнительно можно было залить чёрным цветом остальные страны, кроме России, Китая, Италии и Польши. Но в данном случае это было бы лишней работой, т.к. вес картинки итак уже уменьшился раз в 10.

Фотографии товара подгружаются по ходу воспроизведения, что также не добавляет веса и не мешает быстрой загрузке карты. Контуры всех объектов векторные, поэтому карта легко делается прозрачной: на старом сайте она была на тёмно-сером фоне, а на новом она спокойно легла на светлый фон.

Смотрите также

Комментарии