как я могу хранить значения географической долготы и широты в базе данных методом <input>

-1

Html-код

<html>

<body>

<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</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  name="x.innerHTML" id="x.innerHTML" required value="">
</body>
</html>

Широта: 31.554606099999994 Долгота: 74.3571581 Мне нужно сохранить эти значения в базе данных, используя метод ввода для отправки.

  • 1
    вам понадобится <form> и код на стороне сервера, чтобы принять name="x.innerHTML" id="x.innerHTML" ваших данных ... кстати ... что делает name="x.innerHTML" id="x.innerHTML" на входной надежде для достижения ?
  • 0
    Возможно ли, что если x.innerHTML хранит значения долготы и широты, а мы сохраняем в поле ввода как скрытое, и то же самое хранилище значений на кнопке отправки>?
Показать ещё 1 комментарий

1 ответ

0
<html>

<body>

<p>Click the button to get your coordinates.</p>

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>
<form action="insert_in_db.php">
    <input name="geoData" id="inputId" required value="">
    <input type="submit" value="Submit">
</form>

<script>

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

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 + 
    "<br>Longitude: " + position.coords.longitude;

}
</script>

</body>
</html>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню