- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
CherryFramework 4. Как изменить местоположение на Google карте (на основе шорткода)
Май 18, 2016
Из этого туториала Вы узнаете, как изменить местоположение на Google карте (на основе шорткода) в шаблонах с CherryFramework 4.
В шаблонах с CherryFramework 4 Google карта на странице «Контакты» преимущественно отображается при помощи шорткода "Google карта". Для того чтобы изменить местоположение на Google карте, которая отображается при помощи шорткода, следуйте таким инструкциям:
Войдите в админ панель WordPress и перейдите на вкладку Страницы (Pages). Найдите в списке страниц и откройте вашу страницу «Контакты».
В текстовой области страницы Вы найдёте шорткод "cherry_google_map". Он может выглядеть одним из двух способов:
[cherry_google_map geo_address="new york" zoom_value="14" map_style="blue-water"] [/cherry_google_map]
Если шорткод Google карты выглядит так, просто измените значение атрибута geo_address="new york" в шорткоде. Например, если Вы хотите отобразить Лондон на вашей Google карте, измените "new york" на "london" в этом шорткоде. Шорткод с внесёнными изменения будет выглядеть следующим образом:
[cherry_google_map geo_address="london" zoom_value="14" map_style="blue-water"] [/cherry_google_map]
[cherry_google_map lat_value="40.7055651" lng_value="-74.1180861" zoom_value="14" map_style="blue-water"][/cherry_google_map]
Если ваш шорткод Google карты выглядит этим образом, измените значения атрибутов lat_value="40.7055651" и lng_value="-74.1180861" в шорткоде.
Например, если Вы хотите отобразить Лондон на Google карте, узнайте координаты нужного города (широта и долгота). Для того чтобы это сделать, следуйте таким инструкциям:
Перейдите на вкладку https://www.google.com/maps, введите ваше название города или полный адрес в поле поиска и нажмите на значок «Искать» или на кнопку "Enter" на клавиатуре (обратите внимание на скриншот):
Нажмите на значок меню слева в боковой панели и выберите пункт меню Поделиться или добавить карту (Share or Embed Map) из списка.
В открывшемся окне во вкладке Поделиться ссылкой (Share link) Вы увидите такую ссылку: https://www.google.com/maps/place/London,+UK/@51.5285582,-0.2416797,11z/data=!4m2!3m1!1s0x47d8a00baf21de75:0x52963a5addd52a99
Скопируйте 2 цифровых значения с запятыми после знака @ ссылки, где первое значение – это широта (в нашем случае это "51.5285582"), а второе значение – это долгота (в нашем случае это "-0.2416797").
Далее, вставьте скопированные значения соответствующих атрибутов в шорткод Google карты в редакторе страницы. Шорткод с внесёнными изменениями будет выглядеть следующим образом:
[cherry_google_map lat_value="51.5285582" lng_value="-0.2416797" zoom_value="14" map_style="blue-water"][/cherry_google_map]
После внесения изменений, нажмите на кнопку Обновить (Update) в левой колонке редактора страницы, для того чтобы сохранить изменения.
Обновите ваш сайт для просмотра изменений. Местоположение на Google карте на странице «Контакты» изменено успешно.
Это конец данного туториала. Теперь Вы знаете, как изменить местоположение на Google карте, отображаемой при помощи шорткода, в шаблонах с CherryFramework 4.
Вы можете также ознакомиться с детальным видео-туториалом ниже:
CherryFramework 4. Как изменить местоположение на Google карте (на основе шорткода)