-2

我正在尝试将自定义谷歌地图嵌入到 worpress 网站中。自定义，因为我不能只是复制和粘贴谷歌为其基本谷歌地图之一提供的 html 代码，它是动态的并用 javascript 编写。我现在尝试这样做的方法是在侧边栏中的文本小部件中输入 javascript 代码，并在 javascript 中使用 id 为“map_canvas”的页面上google.maps.Map(document.getElementById("map_canvas"), mapOptions);生成地图。<div>在加载页面并检查它时，<div>加载和 javascript 运行没有任何错误，但页面上没有显示地图。直觉上，地图似乎太大而无法放入<div>，当我检查 map_canvas 的样式标签时，<div>它确实有overflow: hidden作为CSS的一部分。因此将其更改为可见的，但仍然没有解决问题。所以现在我被困住了......有没有人有使用 javascript 和 wordpress 的经验并且可以帮助我？我试图尽可能详细，但如果您需要了解更多信息，请告诉我。非常感激！

4

1 回答 1

1

将 JavaScript 添加到标头的正确方法是使用 wp_register_script() 和 wp_enqueue_script()。您可以将其添加到 functions.php 文件中。

我不完全确定 JS 是否在文本小部件中执行，所以你最好将它添加到你需要它出现的页面模板中。

无法判断您是否有覆盖包含地图的 div 的样式，因此发布链接可能是个好主意？

于 2013-03-05T22:33:13.653 回答