Получить кнопку широты / долготы, чтобы заполнить поля ввода - PullRequest
Новая
       4

Получить кнопку широты / долготы, чтобы заполнить поля ввода

0 голосов
/ 30 января 2012

У меня есть два текстовых поля, которые я хочу, чтобы пользователи заполняли данными геолокации (широта и долгота).Я хочу иметь кнопку, поэтому, когда пользователи нажимают на нее, текстовые поля мгновенно заполняются данными геолокации.

Благодаря w3schools я могу заменить текст в двух тегах абзаца на местоположения, но я 'Мне нравится кнопка заполнить текстовые поля.Вот что у меня сейчас.У кого-нибудь есть ответ? 

<!DOCTYPE html>
<html>
<body>

<form>
Latitude: <input type="text" name="Latitude" /> <br />
Longitude: <input type="text" name="Longitude" />
</form>

<button onclick="getLocation()">Get Location</button><input type="submit" value="Submit" />

<p id="demo">Click the button to get your coordinates:</p>
<p id="demo2">Click the button to get your coordinates:</p>

<script>
var x=document.getElementById("demo");
var y=document.getElementById("demo2");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML=position.coords.latitude;  
  y.innerHTML=position.coords.longitude;    
  }
</script>

</body>
</html>

1 Ответ

2 голосов
/ 30 января 2012

Вы на самом деле не говорите, в чем проблема, но насколько я знаю, innerHTML работает только в FF, а не в IE.Попробуйте: 

function showPosition(position) {
  x.value=position.coords.latitude;  
  y.value=position.coords.longitude;    
}
...