2010-06-25 5 views
0

맞춤 Google지도가 있습니다. 아주 간단 해 보입니다.HTML 및 Google지도가 좋지 않음

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

어떤 생각 또는 이유에 이유도 까닭도 :

<!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> 

유일한 문제는 다음 제거 할 때지도 만 보여주고 있다는 것입니다?

답변

2

당신은 XHTML을 유효하지 않은 HTML

//google magic 
//custom map 

에서 몇 가지 의견이있다.

<!--google magic--> 
+0

오에

변화는, 난 그냥 여기에 사실 후, 분리 및 SO에 여기 읽을 일부 쉽게하기 위해 덧붙였다. 그들은 내 릴리스에서 arn't. 나는 그것을 사과한다. – Jim

+1

좋아, 문제가 발견 된 것 같습니다. "px"가 누락되었습니다. 스타일 = "폭 : 500, 높이 : 350" 가 스타일 =이어야 "폭 : 500 픽셀, 높이 : 350px" – JiJ

+0

을했다. 대개는 작은 일이며 밤늦게까지 나와 함께 일합니다. 고맙습니다. – Jim

관련 문제