Перейти к основному содержанию

WP Location Finder: Настройка API карты

1. Как создать API для работы с картами?

1.1 Получение ключа API Google Maps и сервисов API

При каждом использовании API Google Maps, если ваш домен был создан после 22 июня 2016 года, вам необходимо указывать ключ для проверки запроса.
Получите ключ и активируйте API: https://developers.google.com/maps/documentation/javascript/get-api-key

Дополнительная информация: https://developers.google.com/maps/documentation/javascript/usage?hl=en

Сначала перейдите в консоль Google Cloud , выберите проект или создайте новый. Затем нажмите «+ Создать учетные данные» и выберите «Ключ API» .

 

создать-API-ключ

 

Затем выполните следующий шаг и нажмите «Создать» , чтобы получить новый ключ API. Сохраните его для следующего шага.

 

api-key-created

 

Кроме того, необходимо включить некоторые обязательные API-сервисы. В консоли Google перейдите в раздел «API и сервисы» и найдите их, как показано ниже:

  • API карт на JavaScript
  • API геокодирования
  • API геолокации
  • API мест
  • API для построения маршрутов

 

enable-api-services

 

1.2 Как создать идентификатор Google Maps?

Для создания идентификатора карты перейдите на управления картами . Нажмите «Создать идентификатор карты» .

 

создать-новый-идентификатор-карты

 

Затем на странице «Создать новый идентификатор карты» выполните следующие действия:

  • Название: введите идентификатор карты.
  • Описание: укажите, для чего используется идентификатор карты (необязательно)
  • Тип карты: выберите JavaScript, а также выберите растровый (по умолчанию) или векторный тип карты.

 

новые-карты-идентификаторы-поля

 

Не забудьте нажать «Сохранить» , чтобы отобразить новый идентификатор карты. Сохраните его для настроек.

 

map-id-created

 

Примечание: Идентификатор карты — это уникальный идентификатор, представляющий собой настройки стиля и конфигурации Google Maps, хранящиеся в Google Cloud. Используйте идентификатор карты "DEMO_MAP_ID" для тестирования, если у вас нет идентификатора карты.

 

1.3 Как создать токен OpenStreetMap?

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

После успешного входа в систему найдите в настройках пользователя или меню учетной записи пункт «Токены доступа» «Создать токен доступа», чтобы начать процесс генерации токена. Все поля для создания токена будут видны непосредственно на странице «Токены доступа». Чтобы создать свой токен:

  • Введите описательное название в «Метка» , чтобы вам было проще идентифицировать этот токен в дальнейшем.
  • Оставьте два дополнительных поля ниже пустыми (настроек по умолчанию достаточно для большинства пользователей)
  • Нажмите «Создать» , чтобы сгенерировать новый токен доступа.

 

токен доступа

 

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

 

сгенерированный токен

 

2. Раздел основных настроек

Поставщик карт

Перейдите в меню «Поиск местоположения» > «Настройки» > «Основные настройки» , чтобы настроить параметры поставщика карт. Вы найдете два доступных варианта поставщика карт: Google и OpenStreetMap .

Если вы выберете Google Maps в качестве поставщика услуг, вам потребуется настроить следующие обязательные поля, используя учетные данные, полученные на предыдущих этапах настройки:

  • Ключ API Google Maps: Если вы не знаете, как создать новый ключ API, вернитесь к шагу 1.1.
  • Идентификатор карты: Идентификатор карты — это уникальный идентификатор, представляющий собой настройки стиля и конфигурации Google Maps, хранящиеся в Google Cloud.
    Наличие идентификатора обязательно; вы можете оставить значение по умолчанию (DEMO_MAP_ID), если он вам не нужен.
  • Масштабирование карты по умолчанию: Уровень масштабирования карты по умолчанию при первой загрузке (установите автоматическое масштабирование на 0).
  • Типы карт: Дорожная карта, Спутниковая карта, Гибридная карта, Карта местности.
  • Слои карт: KML, Транспорт, Общественный транспорт, Велосипеды.

 

настройки заливки

 

Если вы выберете OpenStreetMap в качестве поставщика услуг, вам потребуется ввести токен доступа, полученный на шаге 1.3 :

  • Токен доступа для геокодирования: Токен доступа LocationIQ необходим для функции автозаполнения адресов.
  • Масштабирование карты по умолчанию: Уровень масштабирования карты по умолчанию при первой загрузке (установите автоматическое масштабирование на 0).
  • Тип карты: По умолчанию, OpenStreetMap HOT, Carto Light, Carto Dark,...
  • Пользовательский слой плитки: Введите свой пользовательский слой.

 

Поставщик OpenStreetMap

 

После настройки параметров поставщика карт вы обнаружите несколько функций персонализации, которые работают как с Google Maps, так и с OpenStreetMap, и позволяют улучшить функциональность карт и пользовательский опыт:

  • Поиск по названию местоположения
  • Отображение фильтра по категориям
  • Отобразить фильтр по странам
  • Фильтр радиуса отображения
  • Единица измерения расстояния: км/миля
  • Расстояние для поиска по радиусу: Расстояние в инструменте поиска по радиусу
  • Отображение фильтра тегов
  • Откройте подробную информацию о местоположении в новой вкладке

 

подробных настроек карты

 

Отображение карты

Созданные вами местоположения будут отображаться на карте в «Настройки» .

 

настройки отображения карты

     

    Цветное изображение и изображение маркера

    Здесь вы можете настроить цвет и изображение маркера по умолчанию.

     

    настройка цветового маркера местоположения

    Одно местоположение

    • Добавление полей для каждого магазина: добавьте для каждого местоположения определенные поля, такие как название магазина и часы работы.

     

    3. Настройки ИИ

    Чтобы воспользоваться этой функцией, перейдите в «Настройки плагина» > «Настройки ИИ» > вкладка «Цены», чтобы получить кредиты. Нажмите «Получить кредиты ИИ сейчас» и завершите процесс покупки.

     

    получить-ИИ-кредит

     

    После получения кредитов вернитесь в раздел «Настройки ИИ» > вкладка «Настройки» > раздел «Ограничения длины контента», чтобы настроить следующие параметры:

    • Длина заголовка, созданного ИИ: установите максимальное количество слов для генерируемых заголовков.
    • Длина описания ИИ: установите максимальное количество слов для генерируемых описаний.

     

    план настроек ИИ

     

    В глобальных настроек ИИ вы можете настроить язык для контента, созданного ИИ. Включите опцию «Квота ИИ в верхней панели» , чтобы отображать оставшиеся кредиты в верхней панели WordPress.

     

    кредитная панель в верхней части экрана

     

    После завершения настройки вы можете получить доступ к функции оптимизации с помощью ИИ либо в «Все местоположения» , либо в разделе для отдельного местоположения. Нажмите «Оптимизация с помощью ИИ» в верхней части страницы, затем выберите «Сгенерировать» во всплывающем окне, чтобы автоматически создать или заполнить данные для SEO.

     

    кнопка оптимизации ИИ

     

    4. Места импорта/экспорта

    Места импорта

    Для начала импорта ваших местоположений перейдите в меню «Поиск местоположений» > «Настройки» > раздел «Импорт». Выберите CSV- или KML- файл в соответствующем поле в зависимости от формата ваших существующих данных.

     

    места импорта

     

    Нужен шаблон? Просто нажмите на «Скачать образец CSV-файла» , чтобы получить наш образец и увидеть правильный формат. Вы также можете выбрать «Обновить существующие местоположения, если они соответствуют условию, или добавить новые местоположения, которых нет», если хотите обновить текущие данные при добавлении новых записей.

    Места экспорта

    Когда вы будете готовы экспортировать существующие местоположения, перейдите в «Экспорт» . Там просто нажмите «Экспорт в CSV» или «Экспорт в KML» в зависимости от того, какой формат вам нужен.

     

    места экспорта

     

    Синхронизация

    Для настройки автоматической синхронизации CSV-файлов перейдите в «Настройки», затем в «Импорт/Экспорт» > вкладка «Синхронизация» и выберите CSV-файл из медиатеки. Включите «Включить автоматическую синхронизацию» и укажите желаемую частоту обновления в «Интервал синхронизации (минуты)» .

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

     

    места синхронизации

     

    5. Контроль доступа

    Для управления правами доступа к местоположению (создание, редактирование, удаление, публикация) для каждой роли пользователя перейдите в раздел «Настройки» > «Контроль доступа» .

     

    контроль доступа

     

    WP Location Finder: Установка

    1. Установите

    Для установки нашего плагина вам следует использовать стандартный установщик WordPress или распаковать архив и поместить все папки в /wp-content/plugin.

     

    загрузка-плагин

     

    Затем нажмите «Активировать плагин» , чтобы в левом меню WordPress появилось меню WP Location Finder

    WP Location Finder доступен через специальное меню слева. 

    С этого момента, пожалуйста, обязательно войдите в свою учетную запись JoomUnited перед использованием плагина.

     

    joomunited-login-license

     

    2. Обновите плагин

     

    Для обновления WP Location Finder можно использовать стандартное обновление WordPress. Также можно удалить и установить новую версию из .zip-файла, загруженного с сайта www.joomunited.com. В любом случае, вы не потеряете никакого контента, поскольку все хранится в базе данных.

     

    wp-location-finder-install

     

    Чтобы избежать проблем с безопасностью и стабильностью, всегда используйте самую последнюю версию.

    Для обновления платной версии необходимо войти в свою учетную запись JoomUnited. Если вы еще не вошли в систему, просто нажмите на ссылку «Подключить свою учетную запись JoomUnited для обновления» или «Вход в JoomUnited»

     

    wp-location-finder-update

     

    Введите логин и пароль от вашей учетной записи JoomUnited. После успешного входа в систему появится ссылка «Обновить сейчас»,

     

    wp-location-finder-update

     

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

     

    wp-location-finder-updated

     

    WP Location Finder: поиск и настройка местоположений

    1. Создайте местоположение

    Чтобы создать новое местоположение, перейдите в раздел «Поиск местоположений» > «Все местоположения». Нажмите кнопку « Добавить новое местоположение» .

     

    добавить-новое-местоположение

     

    После этого появится страница «Добавить новое местоположение» с двумя основными панелями: слева — поле для подробных сведений, справа — карта. Ниже расположены поля, в которые можно ввести данные или выбрать значения.

     

    • Название местоположения: введите название адреса.
    • URL: будет сгенерирован после публикации.
    • Описание местоположения: 
    • Поиск по местоположению: Введите адрес в поле поиска, чтобы получить значения широты и долготы.

     

    добавить-новое-местоположение-поле

     

    В качестве альтернативы, воспользуйтесь разделом ручного ввода адреса под картой — нажмите стрелку, чтобы развернуть все поля.

     

    адрес-ручной-ввод

     

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

    • Изображение для иллюстрации: выберите изображение, представляющее местоположение.
    • Галерея изображений: загрузите изображения для этого места.
    • Изображение маркера: выберите в наборе значков или загрузите свой собственный значок.

     

    местоположение значка изображения

     

    • Адрес, контактная информация, URL
    • URL-адрес для переопределения местоположения
    • Теги: тег местоположения ввода.
    • Местоположение SEO заголовок
    • Местоположение SEO мета-описание

     

    подробности местоположения

     

    Затем вы можете выбрать категорию a/multi для местоположения.

     

    выбрать-местоположение-категорию

     

    Далее, в разделе «Публикация», вы можете задать следующие поля:

    • Статус: выберите один из 3 статусов: Черновик, Ожидает проверки, Опубликовано
    • Видимость: Общедоступный, Защищенный паролем, Приватный
    • Время публикации: Немедленно, запланированная публикация
    • Шорткод: используйте его для публикации в любом месте вашего сайта.

     

    location-publish-section

     

    Поля магазина

    Чтобы использовать эту функцию для отображения часов работы для клиентов, сначала необходимо включить соответствующую опцию в настройках. После этого вы сможете увидеть «Поля магазина» при создании нового местоположения.

     

    одноместный магазин-поле

     

    Предварительный просмотр местоположения

    Чтобы увидеть предварительный просмотр вашего местоположения на лицевой стороне сайта, просто перейдите в «Публикация» и нажмите кнопку « Предварительный просмотр» .

     

    место предварительного просмотра

     

    2. Генератор шорткодов

    Для генерации шорткода карты перейдите в меню «Поиск местоположения» > «Генератор шорткодов». «Тип отображения» можно задать некоторые параметры :

    • Поиск по местоположению: [wplf type_of_view="location_search" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • Только просмотр карты: [wplf type_of_view="map_view" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • Одно местоположение: [wplf id="578" map_zoom="Auto"]
    • Форма для отправки данных по фронтенду: [wplf_submission]
    • Мои местоположения (фронтенд): [wplf_my_locations items_per_page="8"]

     

    генератор коротких кодов поиск местоположения

     

    В зависимости от выбранного типа отображения будет показан предварительный просмотр, демонстрирующий, как это будет выглядеть на лицевой стороне сайта. Сгенерированный шорткод появится в левом нижнем углу, и вы можете скопировать его и вставить в любое место на странице.

     

    3. Категории местоположения

    Для управления категориями местоположений перейдите в меню «Поиск местоположений» > «Категории местоположений».  В этом разделе вы можете легко управлять категориями местоположений — добавлять, редактировать или удалять их по мере необходимости!

     

    добавить-категории-местоположения

     

    4. Метки местоположения

    Для управления геотегами перейдите в меню «Поиск местоположения» > «Геометрические теги». В этом разделе вы можете легко управлять своими геотегами — добавлять, редактировать или удалять их по мере необходимости!

     

    добавить-теги-местоположения