WordPress 和谷歌地图答案

【问题标题】：WordPress and GoogleMapsWordPress 和谷歌地图
【发布时间】：2020-03-12 04:23:07
【问题描述】：

我编写了一些 Google 地图代码，以便以普通方式加载多个标记，就像 GoogleMaps 网站上的开发部分中的示例一样。作为我拥有的网站（sault.us）的一部分工作正常。现在我正在尝试在 WordPress 网站页面中嵌入相同的代码。我遇到了障碍，我被告知的最新一件事是尝试通过自定义字段嵌入代码，但 WP 根本无法识别代码。是否有一种合理的方法可以做到这一点，还是我放弃并尝试通过他们拥有的谷歌地图插件之一来做到这一点？还有其他人遇到这个吗？

【问题讨论】：

你可以关注这个：stackoverflow.com/questions/12988000/…
谢谢你，Montu，但我相信这个问题是关于静态地图的，我的地图更像这样：developers.google.com/maps/documentation/javascript/… - 当我在自定义字段中嵌入或尝试添加代码时，它不会工作

标签： javascript wordpress google-maps

【解决方案1】：

感谢帕尔的回答。我发现了另一个关于可能解决方案的提示。我最终创建了一个自定义页面模板并将我的代码直接嵌入其中。

<?php
/**
   * 
   * Template Name: CustomMapPage
   *
   */

   get_header(); ?>

 <div id="primary" class="site-content-fullwidth">
  <div id="content" role="main">
 <!-- followed by my code --->
   </div><!-- #content -->
   </div><!-- #primary -->

在主题目录中将其保存为“CustomPage.php”并选择它作为模板。地图现在显示。

【讨论】：

【解决方案2】：

将 Javascript 添加到 WordPress 的官方方法是在您的 functions.php 文件中使用 wp_enqueue_script()。

https://developer.wordpress.org/reference/functions/wp_enqueue_script/

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

【讨论】：

如果这只是 javascript 它可以工作，但我的代码也有 HTML，一个 div 标签，后跟 javascript 来填充它。
@axon 您需要将 HTML 与 javascript 分开。您可以使用自定义 HTML 元素（如果您使用的是古腾堡编辑器，则阻止或仅使用普通编辑器将其添加到 html 流中）来添加 div，然后将 javascript 文件单独排入队列以填充它。只需为 html 元素选择一个唯一 ID，这样 javascript 就不会与您网站上的任何其他内容发生冲突 :)
有道理，下次我必须这样做时，我会尝试这条路线。谢谢。