试图嵌入一个自定义javascript谷歌地图到一个wordpress网站

我试图嵌入一个自定义谷歌地图到worpress网站。自定义，我不能只是复制和粘贴html代码，谷歌将提供一个基本的谷歌地图，它是动态的，用javascript编写的。我现在要做的是将javascript代码输入到侧边栏中的文本小部件中，并在javascript中使用google.maps.Map(document.getElementById("map_canvas"), mapOptions);在id为"map_canvas"的页面上生成<div>中的地图。加载页面并检查后，<div>加载，javascript运行没有任何错误，但没有地图显示在页面上。直观地看，地图似乎太大了，不适合<div>，当我检查map_canvas <div>的样式标签时，它确实有overflow: hidden作为css的一部分。所以把它改成可见，仍然不能解决问题。所以现在我被困住了……有没有人有使用javascript与wordpress的任何经验，可以帮助我?我已经尽量详细，但如果你需要知道更多，请告诉我。感谢!