2011-08-10 1 views
1

를이 내 코드 사용시 사용자 오류를 찾을 수 없습니다,HTML5의 위치 정보 속성을 사용하여 현재 위치를 얻기 위해 HTML5의 위치 정보

<!DOCTYPE HTML> 
<html> 
<head> 
    <script type="text/javascript" src="html5_init.js" id="html5_init"></script> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
    <script type="text/javascript"> 


    function TestGeo()  
    { 
     if (navigator.geolocation)  
     { 
       navigator.geolocation.getCurrentPosition(TestMap, error ,{maximumAge: 30000, timeout: 10000, enableHighAccuracy: true});  
      } 
     else  
     { 
       alert("Sorry, but it looks like your browser does not support geolocation."); 
     } 
    } 

    var map; 

    function TestMap(position) 
    { 
     //var latitude = position.coords.latitude; 
     //var longitude = position.coords.longitude; 
     //alert("Your coordinates are " + position.coords.latitude + ", " + position.coords.longitude); 
     var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
     var mapOptions = 
      { 
         zoom: 10, 
         center: coords, 
         mapTypeControl: false, 
         navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, 
         mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
     map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
     var marker = new google.maps.Marker({ position: coords, map: map, title: "Your current location!" }); 

    } 

    function error() 
    { 
        alert("Cannot locate user"); 
    } 
    </script> 
</head> 
<body> 

<form name="myform"> 
    <input type="button" value="Geolocation" onclick="TestGeo()"> 
    <div id="map_canvas" style="width:500px; height:450px; border:1px solid #666666; "></div> 
</form> 

</body> 
</html> 

나는 출력은 무엇입니까 ? 아카이브의 루트 디렉토리에 "html5_init.js"를 넣었습니다.

답변

1

올바른 검증은 다음과 같습니다

if (navigator.geolocation !== null)