Не работает карта Google на странице контактов Аспро
Вставка
- Опубліковано 20 чер 2024
- Добро пожаловать на наш канал! В этом видео мы покажем почему не отображаются свойства торговых предложений АСПРО. Узнайте больше о внедрении решений АСПРО на продуктах Битрикс, как использовать штатные механизмы и какие преимущества решения АСПРО могут принести вашему бизнесу.
Содержание видео:
-В этом видео рассказывается, почему не работает Google карта на странице контактов и как исправить эту проблему.
- Проблема: Карта Google не отображается, и появляется ошибка в консоли JavaScript.
- Решение: Для корректного отображения карты Google необходимо создать ключ API для Google Maps и добавить его в файл, содержащий пользовательские скрипты.
Пошаговая инструкция:
1. Создание ключа API:
- Перейдите на страницу получения ключа для JavaScript API.
- Нажмите на кнопку "Получить ключ".
- Авторизуйтесь в своём аккаунте Google и примите условия использования.
2. Настройка ключа API:
- Создайте новый проект.
- Перейдите на страницу учётных данных.
- Задайте название для ключа API браузера и добавьте источники перехода, например, ваш сайт.
- В настройках API (Website Restrictions) добавьте две строки с https и http вашим сайтом.
3. Включение ограничений для источников перехода:
- Это необходимо, чтобы предотвратить ошибку "Referer not allowed Map Error".
- Включите привязку к банковской карте.
- Указание адреса вашего сайта в источниках перехода не обязательно, но рекомендуется для защиты ключа API.
4. Получение и использование ключа API:
- Нажмите кнопку "Создать" и скопируйте ключ API.
- Перейдите на страницу карты и откройте настройки компонента.
- Найдите поле для ввода ключа JavaScript API и вставьте полученный код.
- Сохраните изменения.
Подписывайтесь на наш канал
Не забудьте подписаться на наш канал, чтобы не пропустить новые видео и нажмите на колокольчик, чтобы получать уведомления о наших последних выпусках.
/ ЕвгенийУрядов
Полезные ссылки
- Посетите наш сайт: eu-digital.ru/
- Подпишитесь на наш Instagram: / evgen_pro_bitrix
- Присоединяйтесь к нам в Одноклассниках ok.ru/yevgeny.uryadov
- Присоединяйтесь к нам в ВК evgenprobitrix
- Пишет нам в Телеграмм t.me/EU_Digital
Контактная информация
Если у вас есть вопросы или предложения, пожалуйста, свяжитесь с нами по адресу: hello@eu-digital.ru
Спасибо за просмотр! Поставьте лайк, если вам понравилось это видео, и поделитесь им с друзьями. Ваши комментарии и отзывы очень важны для нас!
#сайты #Аспро #Битрикс #АспроМаркет #АспроОптимус #АспроNext #АспроШины #АспроМаксимум #googlemaps #бус