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> 

こんにちは皆、

私はこのコードを実行しようとしていますし、それが正常に動作しているようです。しかし、navigator.geolocation.getCurrentPosition(show_position);を実行するjavascriptボタンを作成することは可能ですか？私は検索ボックスを持っていて、そのすぐ隣にボタンが必要です。ユーザーがそれをクリックすると、空のボックスが自動的に埋められてから検索されます。可能かどうかは分かりません。

事前のおかげで、

Answer 1

あなたは私が故に使用xuijsボタンの前のx $

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; 

} 
} 

クリックイベントでnavigator.geolocationを実行することができます。それはdocument.getElementById（ "btnInit"）と同じです

ページ上にidがbtnInitのボタンがあります。

Answer 2

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