Попытка встроить пользовательскую карту google-google в Wordpress-сайт

Question

Я пытаюсь встроить собственную карту google в сайт worpress. Пользовательский, как и я, я не могу просто скопировать и вставить html-код, который Google предоставит для одной из своих основных карт Google, он будет динамичным и написан в javascript. Теперь я пытаюсь сделать это, набрав javascript-код в текстовый виджет на боковой панели и используя google.maps.Map(document.getElementById("map_canvas"), mapOptions); в javascript, чтобы сгенерировать карту в <div> на странице с идентификатором «map_canvas». При загрузке страницы и ее проверке загружается <div>, а javascript запускается без каких-либо ошибок, но на странице не отображается карта. Интуитивно кажется, что карта слишком велика, чтобы вписаться в <div>, и когда я проверяю тег стиля map_canvas <div>, он имеет overflow: hidden как часть css. Поэтому он изменил ее на видимую, которая еще не решила проблему. Так что теперь я застрял ... Кто-нибудь есть опыт использования javascript с wordpress и может помочь мне? Я старался быть настолько подробным, насколько это возможно, но если вам нужно знать больше, сообщите мне. Очень признателен!

Answer 1

Правильный способ добавить JavaScript в заголовок будет с помощью wp_register_script() и wp_enqueue_script(). Вы можете добавить это в файл functions.php.

Я не совсем уверен, работает ли JS в текстовом виджете, поэтому вам лучше добавить это в шаблон страницы, который вам понадобится, чтобы он появился.

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