Javascript 引导行，添加谷歌地图画布

我有一个带有map canvas ID的脚本，它不会显示在带有自定义CSS的引导行中，与#map canvas相对，有人能帮我吗

CSS

html，主体，#地图画布{
保证金：0；
填充：0；
身高：100%；
}
#地图画布{
保证金：0；
填充：0；
宽度：100%；
身高：100%；
}

HTML

;

我的Javascript

Fishtrends.com-2013年-紧线
var标记；
var信息窗口；
函数初始化（）{
var latlng=新的google.maps.latlng（54.559322，-4.174804）；
变量选项={
缩放：6，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map（document.getElementById（“地图画布”），选项）；
var html=“”+
“用户名：”+
“鱼类：+
“低音”+
“鳕鱼”+
“古纳德”+
“平坦”+
“鲭鱼”+
“鳕鱼”+
“波拉克”+
“濑鱼”+
“Garfish”+
“空白”+
“捕获方法：”+
“海滩”+
“船”+
“旋转”+
“码头”+
“诱饵：”+
“卢格沃姆”+
“马克雷尔”+
“豚草”+
“活饵”+
“乌贼”+
“削皮机”+
“尺寸磅：”+
“捕获月份：”+
“一月”+
“二月”+
“三月”+
“四月”+
“五月”+
“六月”+
“七月”+
“八月”+
“九月”+
“十月”+
“11月”+
“十二月”＋
" " +
"";
infowindow=新建google.maps.infowindow({
内容：html
});
google.maps.event.addListener（映射，“单击”，函数（事件）{
marker=新的google.maps.marker({
位置：event.latLng，
地图：地图
});
google.maps.event.addListener（标记“单击”，函数（）{
信息窗口。打开（地图、标记）；
});
});
}
函数saveData（）{
var userid=document.getElementById（“userid”）.value；
var fishspecies=escape（document.getElementById（“fishspecies”）.value）；
var catchmethod=escape（document.getElementById（“catchmethod”）.value）；
var bait=document.getElementById（“bait”）.value；
var sizelb=document.getElementById（“sizelb”）.value；
var month=document.getElementById（“月”）.value；
var latlng=marker.getPosition（）；
var url=“phpsqlinfo_addrow.php？fishspecies=“+fishspecies+”&catchmethod=“+catchmethod+”&bait=“+bait+”&month=“+month+”&lat=“+latlng.lat（）+”&lng=“+latlng.lng（）+”&sizelb=“+sizelb+”&userid=“+userid；
下载url（url、函数（数据、响应代码）{
如果（responseCode==200&&data.length与Emil就缺少启动初始化功能的内容达成一致：
看看这里的

javascript部分的底部是：

google.maps.event.addDomListener(window, 'load', initialize);

这是谷歌地图API中内置的一个函数。
看看添加那一行是否有帮助。
请在这里放一个代码的工作示例。你的示例不起作用，因为从未调用过初始化函数，并且对本地脚本phpsqlinfo_addrow.php的请求无法成功执行，所以初始化函数是它不出现的原因吗？我可以参考的php脚本nce最终正确…有人能帮我吗？这让我感到非常奇怪…嗨，Jason，是的，很奇怪，但是奇怪的是地图加载了一个标准HTML文件中的脚本。我只是读了一下。我很难理解代码中的方向，因为我是一个noob:）我想我在地图上使用了不正确的API，我想我正在慢慢地解决：）接下来我需要“理解”的是我的代码是否基于v2或v3 API：（
是版本3的正确脚本-从上面的谷歌地图简单地图示例复制而来。看看你能否在jsbin.com上找到一个简单的示例，我会帮你看一看。