Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

CherryFramework 4. Как применить пользовательский стиль к Google карте

Из этого туториала Вы узнаете, как изменить стандартный стиль Google карты в шаблонах на основе CherryFramework 4.

Для Google карты есть разные темы оформления. Давайте узнаем, как изменить тему Light Monochrome на тему Midnight Commander.

CherryFramework_4._How_to_apply_Google_map_custom_style-1

Следуйте таким инструкциям, для того чтобы применить пользовательский стиль к Google:

  1. Перейдите на страницу Snazzy Maps и выберите любой пользовательский стиль, например, Midnight Commander.

  2. Скопируйте массив стиля JavaScript. Это код JSON, который содержит информацию о стиле.

    CherryFramework_4._How_to_apply_Google_map_custom_style-2
  3. Перейдите в папку wp-content/themes/themeXXXXX/assets/ и создайте новую папку под названием googlemap.

  4. Создайте новый файл, который называется, например, midnight_commander.json и вставьте скопированный код JSON в этот файл. Вы должны использовать то же название файла, что и название темы карты, со всеми строчными буквами и словами, отделёнными нижними подчеркиваниями.

    CherryFramework_4._How_to_apply_Google_map_custom_style-3
  5. Откройте страницу, которая включает Google карту, в редакторе WordPress, найдите шорткод cherry_google_map и измените атрибут map_style в название файла JSON без расширения .json.

    CherryFramework_4._How_to_apply_Google_map_custom_style-4
  6. Обновите и перезагрузите страницу Контакты (Contacts). Вы успешно применили стиль карты Google.

    CherryFramework_4._How_to_apply_Google_map_custom_style-5

Вы можете также ознакомиться с детальным видео-туториалом ниже:

CherryFramework 4. Как применить пользовательский стиль к карте Google
 
Чат
We help you to choose the right product.
Начать чат