Google maps 谷歌地图API V3标记未加载

Google maps 谷歌地图API V3标记未加载,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我正试图得到一个标记,显示在谷歌地图上的一个网站,我正在做。如果没有标记代码,地图将很好地加载并显示正确的位置(没有标记),当我添加标记代码时,地图将不再加载。很明显,我遗漏了一些简单的东西,但我对Jquery不太熟悉 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } bod

我正试图得到一个标记,显示在谷歌地图上的一个网站,我正在做。如果没有标记代码,地图将很好地加载并显示正确的位置(没有标记),当我添加标记代码时,地图将不再加载。很明显,我遗漏了一些简单的东西,但我对Jquery不太熟悉

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map-canvas { height: 100% }
</style>
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBWJYTBt3bKUIsQKKsQPSnR1IHNdkAmBQs&sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(53.154662, -1.208357),
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
  }
var marker = new google.maps.Marker({
  position:(53.154662, -1.208357),
  map: map-canvas,
  title:"Hello World!"
});
  google.maps.event.addDomListener(window, 'load', initialize);

</script>

html{高度:100%}
正文{高度:100%;边距:0;填充:0}
#地图画布{高度:100%}
函数初始化(){
变量映射选项={
中心:新google.maps.LatLng(53.154662,-1.208357),
缩放:15,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“地图画布”),
地图选项);
}
var marker=new google.maps.marker({
位置:(53.154662,-1.208357),
地图:地图画布,
标题:“你好,世界!”
});
google.maps.event.addDomListener(窗口“加载”,初始化);

感谢您的帮助。

地图属性应为
google.maps.map
-实例,位置属性必须为
google.maps.LatLng

此外,您必须在地图已经创建并且地图实例可以访问的范围内创建标记,例如在
initialize()
的末尾


谢谢你的回复。我只是在遇到问题后才更改它,因为我认为这可能是错误的。我现在把它改回了“地图”(没有引号),它仍然是一样的。我把它改成了你发布的代码,但是地图仍然无法加载。如果我注释掉该部分,地图将加载。再次感谢。非常感谢,是最后一个}丢失并导致了问题。@Mooton,当这种情况再次发生时,打开JavaScript控制台查看错误消息。您不必让语法错误阻止您。“我不太熟悉Jquery。”您没有使用Jquery。
function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(53.154662, -1.208357),
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);

    var marker = new google.maps.Marker({
      position:new google.maps.LatLng(53.154662, -1.208357),
      map: map,
      title:"Hello World!"
    });
  }