Javascript HTML和谷歌地图玩得不好_Javascript_Html_Google Maps

Javascript HTML和谷歌地图玩得不好

javascript html google-maps

Javascript HTML和谷歌地图玩得不好,javascript,html,google-maps,Javascript,Html,Google Maps,我有一个自定义的谷歌地图。这似乎很简单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <me

我有一个自定义的谷歌地图。这似乎很简单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>

  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

  <!--google magic-->
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

  <!--custom map-->
  <script type="text/javascript">
    function initialize() {
      var latlngcenter = new google.maps.LatLng(41.523387, -87.691545);
      //move center west of marker to show I-57
      var myOptions = { zoom: 11, center: latlngcenter, mapTypeId: google.maps.MapTypeId.ROADMAP };
      var map = new google.maps.Map(document.getElementById("GardenWalk_Canvas"), myOptions);
      var latlng;
      var marker;
      latlng = new google.maps.LatLng(41.503387, -87.636545);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.520935, -87.582318);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.520075, -87.634509);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.538092, -87.677964);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.536256, -87.678006);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.533099, -87.682250);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.550018, -87.691408);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.550017, -87.691305);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.508768, -87.693976);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.509065, -87.694586);
      marker = new google.maps.Marker({ position: latlng, map: map });
      latlng = new google.maps.LatLng(41.498524, -87.810122);
      marker = new google.maps.Marker({ position: latlng, map: map });
    }
  </script>

</head>
<body onload="initialize()">
  <div id="GardenWalk_Canvas" style="width: 500; height: 350" />
  text after
</body>
</html>


函数初始化（）{
var latlngcenter=new google.maps.LatLng（41.523387，-87.691545）；
//将标记中心向西移动，以显示I-57
var myOptions={zoom:11，center:latlngcenter，mapTypeId:google.maps.mapTypeId.ROADMAP}；
var map=new google.maps.map（document.getElementById（“GardenWalk_Canvas”），myOptions）；
var latlng；
var标记；
latlng=新的google.maps.latlng（41.503387，-87.636545）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.520935，-87.582318）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.520075，-87.634509）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.538092，-87.677964）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.536256，-87.678006）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.533099，-87.682250）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.550018，-87.691408）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.550017，-87.691305）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.508768，-87.693976）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.509065，-87.694586）；
marker=new google.maps.marker（{position:latlng，map:map}）；
latlng=新的google.maps.latlng（41.498524，-87.810122）；
marker=new google.maps.marker（{position:latlng，map:map}）；
}
后文

唯一的问题是，地图仅在删除以下内容时显示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

有什么想法、押韵或原因吗？

你在html中有一些评论

//google magic
//custom map

它们不是有效的xhtml

换成

<!--google magic-->

哦，我只是在这里添加了这一点，以便在这里分离并使某些部分更易于阅读。他们不在我的释放中。我为此道歉。好的，我想我找到了你的问题-缺少“px”。style=“width:500；height:350”应该是style=“width:500px；height:350px”，就是这样。通常是小事情，和我一起工作到深夜。非常感谢。