2017-11-04 4 views
0

Geolocation을 사용하여 컴퓨터 위치를 찾으려고하는데 힘든 시간을 알고 있습니다. 단락을 클릭하면 실행되는 이벤트 리스너에 연결되기를 원했습니다.Geolocation으로 위치를 찾는 방법은 무엇입니까?

여기 내 HTML입니다 :

<p id="para1"> 
    Click to find location 
    </p> 

을 그리고 여기 내 스크립트입니다 :

//Global variables 

var elMap = document.getElementById("para1"); 
var msg = 'Sorry, we were unable to get your location'; 

if (Modernizr.geolocation) {         
navigator.geolocation.getCurrentPosition(success, fail); 
elMap.textContent = 'Checking location...';    
} else {              
elMap.textContent = msg;         
} 

    //Event listeners 

document.getElementById("para1").addEventListener("click", geoAPI); 

function geoAPI() { 


function success(position) {         
msg = '<h3>Longitude:<br>';        
msg += position.coords.longitude + '</h3>';    
msg += '<h3>Latitude:<br>';        
msg += position.coords.latitude + '</h3>';     
    elMap.innerHTML = msg;          
} 

function fail(msg) {           
elMap.textContent = msg;         
console.log(msg.code);          
} 


} 

답변

0

내가 그것을 얻었다! 나는 가까웠다.

//Global variables 

var elMap = document.getElementById("para1"); 
var msg = 'Sorry, we were unable to get your location'; 

function success(position) {         
    msg = '<h3>Longitude:<br>';        
    msg += position.coords.longitude + '</h3>';    
    msg += '<h3>Latitude:<br>';        
    msg += position.coords.latitude + '</h3>';     
    elMap.innerHTML = msg;          
} 

function fail(msg) {           
    elMap.textContent = msg;         
    console.log(msg.code);          
} 

//Event listeners 





function geoAPI() { 

    if (Modernizr.geolocation) {         
    navigator.geolocation.getCurrentPosition(success, fail); 
    elMap.textContent = 'Checking location...';    
}  else {              
    elMap.textContent = msg;         
} 

} 

elMap.addEventListener('click', geoAPI);