Как сделать, чтобы карта в футере отображалась?

HTML PHP Веб-разработка

1 ответ

У нас есть лендинг https://star-new.ru/ и на нем в футере есть карта. У меня на пк она нормально отображается, но сегодня смотрел записи визитов в метрике, и заметил что у некоторых посетителей она не отображается (на скриншоте видно). Почему так происходит и можно ли с этим что-нибудь сделать?

Дополнительно:

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

а у других отображается?

Вадим, Да, у части пользователей отображается. Не знаю, может это от браузера зависит. Хотелось бы чтобы у всех пользователей карта отображалась. Какрта на сайте не как картинка, а вставлена кодом (можно приближать, отдалять и проч)

Если используете яндекс метрику, то необходимо настраивать "особым образом".

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

См. требования/ограничения
Пример настройки

То есть, посетитель на самом деле видит карту, просто её не записывает вебвизор, так?
starstar, Да, все верно. А canvas вообще не умеет записывать, так что, имейте ввиду.
Первый раз столкнулся с этим, когда не могли посмотреть как пользователь взаимодействует с графиками на сайте.

Ответы:

У меня тоже отображается, но если у кого-то нет то значит ее подключили таким способом который может не работать в старых браузерах/старых версиях браузера

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Алексей Денисов Ответ

Для того чтобы карта отображалась в футере, вам нужно сначала убедиться, что у вас есть необходимый код для интеграции карты на вашем сайте. Вам нужно иметь API ключ для карты (если используете карты Google, например).

После того как у вас есть необходимый код, вам нужно вставить его в HTML код вашего футера. Например, если вы используете карты Google, то код может выглядеть примерно так:

<footer>
   <div id="map"></div>
</footer>
 
   function initMap() {
       var myLatLng = {lat: -25.363, lng: 131.044};
 
       var map = new google.maps.Map(document.getElementById('map'), {
           zoom: 4,
           center: myLatLng
       });
 
       var marker = new google.maps.Marker({
           position: myLatLng,
           map: map,
           title: 'Hello World!'
       });
   }

<footer> <div id="map"></div> </footer> function initMap() { var myLatLng = {lat: -25.363, lng: 131.044}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: myLatLng }); var marker = new google.maps.Marker({ position: myLatLng, map: map, title: 'Hello World!' }); }

Замените YOUR_API_KEY на ваш собственный API ключ. После того как вы вставите этот код в ваш HTML, карта должна отображаться в футере вашего сайта.

Если у вас возникают проблемы с отображением карты, убедитесь что у вас правильно указан API ключ, что код подключения скрипта с картами Google находится перед вызовом функции initMap, и что у вас нет ошибок в консоли браузера. Если проблема не решается, пожалуйста, уточните какой именно тип карты вы используете и какие ошибки возникают.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Figma Баг с переносом слов в Figma? 1 ответ

Как сделать, чтобы карта в футере отображалась?

Дополнительно:

Ответы:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно