Как для сайта из обычной карты сделать черно-белую

При помощи данной инструкции сделать черно-белую карту для сайта cможет любой. Даже без знаний в программировании. Инструкция подходит для Яндекс.Карт, Google Карт и 2Гис Карт.

Будет работать в большинстве браузерах (97%):

• Firefox 10+, Firefox on Android
• IE6-9, Edge 13+
• Chrome 19+, Safari 6+, Safari 6+ iOS
• Opera 15+, Opera Mobile 46+,

Приступим. Откройте блокнот.

Скопируйте следующий код в блокнот.

<style>
.map-grayscale {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
</style>

<div class="map-grayscale">
КОД_КАРТЫ
</div>

Получиться примерно как на следующем скриншоте.

Вместо «КОД_КАРТЫ» вставьте код карты, который уже используете на сайте.

Выделите и скопируйте весь текст блокнота.

Вставьте его в подходящее поле на сайте. В ezCatalog CMS такое поле называется «Код отображения карты проезда». Оно находиться в разделе панели управления «Контактные данные сайта».

Черно-белая карта для сайта готова.

Если вы еще не создавали код карты, то сделайте это при помощи инструкций:

• Как сделать Яндекс.Карту для сайта;
• Как сделать Google Карту для сайта;
• Кака сделать 2Гис Карту для сайта.