如何使用地理位置查找位置？

Question

我正在尝试使用地理位置查找我的计算机的位置，并且我很难找出它。我希望它连接到一个事件监听器，当该段落被点击时，它会运行。

这里是我的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);          
} 


} 

Answer 1

我知道了！我很接近，应该是

//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);