我正在尝试将自定义谷歌地图嵌入到worpress网站中。自定义，因为我不能只复制和粘贴谷歌将为他们的一个基本谷歌地图提供的HTML代码，它是动态的，用JavaScript编写。我现在尝试这样做的方法是将javascript代码键入侧边栏中的文本小部件，并使用javascript中的google.maps.Map(document.getElementById("map_canvas"), mapOptions);在<div>的页面上生成地图，其中ID为“map_canvas” ”。在加载页面并检查它之后，<div>加载，并且javascript运行时没有任何错误，但页面上没有显示地图。直观地看起来地图太大而不适合<div>，当我检查map_canvas <div>的样式标记时，它确实有overflow: hidden作为css的一部分。因此将其更改为可见，但仍无法解决问题。所以现在我被困了...有没有人有任何使用WordPIX的JavaScript的经验，可以帮助我？我试图尽可能详细，但如果你需要了解更多请告诉我。非常感谢！
答案 0 :(得分：1)
将JavaScript添加到标头的正确方法是使用wp_register_script（）和wp_enqueue_script（）。您可以将它添加到functions.php文件中。
我不完全确定JS是否在文本小部件中执行，因此您最好将其添加到需要显示的页面模板中。
无法判断你是否有覆盖包含地图的div的样式，所以发布一个链接可能是个好主意？