2015-11-12 100 views
0

如何將JavaScript位置(經度和緯度)值傳遞給Textbox值?

<body> 
    <button onclick="getLocation()">Get coordinates</button> 
    <p id="demo"></p> 
    <script> 
     var x = document.getElementById("demo"); 

     function getLocation() { 
      if (navigator.geolocation) { 
       navigator.geolocation.getCurrentPosition(showPosition); 
      } else { 
       x.innerHTML = "Geolocation is not supported by this browser."; 
      } 
     } 

     function showPosition(position) { 
      x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; 
     } 
    </script> 
    <input type="text" value="long,lati"></input> 
</body> 


我需要在腳本到文本框中的緯度和經度沒有onclocking按鈕按代碼。

+1

只需調用函數'getLocation()' – Rayon

+0

你的意思是什麼文本框? ' Grundy

回答

0
 <body> 
      <button>Get coordinates</button> 
      <p id="demo"></p> 
      <script> 

       var x = document.getElementById("demo"); 

       getLocation(); 

       function getLocation() { 
        if (navigator.geolocation) { 
         navigator.geolocation.getCurrentPosition(showPosition); 
        } else { 
         x.innerHTML = "Geolocation is not supported by this browser."; 
        } 
       } 

       function showPosition(position) { 
        x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; 
       } 
      </script> 
      <input type="text" value="long,lati"></input> 
     </body> 
+0

你在分配'x'前調用'getLocation' – Grundy

0

要獲得緯度和經度的文本框,你需要獲得文本框的ID,並通過經緯度長期存在的價值

這裏是一個的jsfiddle http://jsfiddle.net/2b4n03k1/

var x = document.getElementById("demo"); 


function showPositionInInput(position) { 
var input = document.getElementById("location"); 
input.value = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; 
} 

function showPosition(position) { 
x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; 
} 

function getLocation() { 
if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(showPositionInInput); 
} else { 
    x.innerHTML = "Geolocation is not supported by this browser."; 
} 
} 

getLocation() 
1
<input type="text" value = "" id='loc'> 
window.onload = function(){ 
var x = document.getElementById('loc'); 
     function getLocation() { 
     if (navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(showPosition); 
     } else { 
      x.value = "Geolocation is not supported by this browser."; 
     } 
    } 

    function showPosition(position) { 
     x.value = "Latitude: " + position.coords.latitude +  ",Longitude: " + position.coords.longitude; 
    } 
getLocation(); 
}; 

只需抓取輸入元素,並將其值設置爲獲得的經緯度長度爲&。 這不是很好的解決方案,但它應該做你需要的工作(無需點擊按鈕)。

相關問題