Кнопка расположения Javascript HTML5

Question

<script>
 navigator.geolocation.getCurrentPosition(show_position);
//This function does the work of getting the actual user coordinates
 function show_position(position){

var lat = position.coords.latitude;
var longi = position.coords.longitude;
var tick = position.timestamp;

document.getElementById("Coord1").innerHTML=lat;
document.getElementById("Coord2").innerHTML=longi;

}
</script>

 <p>Your Latitude is: <b id="Coord1" style="color:blue;"> </b></p>
 <p>Your Longitude is: <b id="Coord2" style="color:blue;"> </b> </p>

Привет всем,

Я пытаюсь запустить этот код, и он работает нормально. Тем не менее, возможно ли создать кнопку JavaScript, которая работает navigator.geolocation.getCurrentPosition(show_position);? У меня есть окно поиска, и я хочу кнопку рядом с ней, и когда пользователь нажимает на нее, она автоматически заполняет пустое поле и затем выполняет поиск. Не знаю, возможно ли это или нет.

Заранее спасибо,

Answer 1

<script>    
document.getElementById('getPositionBtn').addEventListener('click', function() {
    navigator.geolocation.getCurrentPosition(function(position) {          
       document.getElementById("Coord1").innerHTML=position.coords.latitude;
       document.getElementById("Coord2").innerHTML=position.coords.longitude;
    });
});
</script>

<p>Your Latitude is: <b id="Coord1" style="color:blue;"> </b></p>
<p>Your Longitude is: <b id="Coord2" style="color:blue;"> </b> </p><br>
<button id="getPositionBtn">Get Position!</button>

Answer 2

Вы можете запустить navigator.geolocation при событии щелчка

    x$("#btnInit").click(loadDemo); 
    //run the function
    function loadDemo() { 
 navigator.geolocation.getCurrentPosition(show_position);
//This function does the work of getting the actual user coordinates
 function show_position(position){

var lat = position.coords.latitude;
var longi = position.coords.longitude;
var tick = position.timestamp;

document.getElementById("Coord1").innerHTML=lat;
document.getElementById("Coord2").innerHTML=longi;

}
}

Я использую xuijs, следовательно, x $ перед кнопкой. Это так же, как document.getElementById ("btnInit")

тогда есть кнопка с идентификатором btnInit на странице.