javascript - 如何读取html5应用程序中的当前位置

Question

ASP.NET MVC4 移动 HTML5 在线应用程序在 Android 和 Apple 手机和平板电脑的 Chrome、Android 和 Safari 浏览器中运行。

应用程序包含 html 按钮

<form action='SavePosition'>
  <input type='submit' value='Send' name='position'>
  </form>

应该将当前位置发送到服务器。服务器应在 map 中显示位置。

如何在 HTML5/Javascript 中实现此功能？据我所知html5没有这种可能性。 如果有帮助的话，我可以强制用户在所有设备上使用 Google Chrome 浏览器。

Answer 1

您可以通过 JavaScript 请求该职位。

if (navigator.geolocation)
    navigator.geolocation.getCurrentPosition(function(position) {
        console.log("latitude: " + position.coords.latitude);
        console.log("altitude: " + position.coords.altitude);
    })

要通过表单发送坐标，您可以使用一些隐藏的输入字段。

您只能通过 https 请求 chrome >= 50.0 中的位置。

参见W3Schools HTML5 Geolocation