HTML/Javascript: 从本地HTML文件访问地理位置信息

huangapple go评论77阅读模式
英文:

HTML/Javascript: access to geolocation from local HTML file

问题

我正在尝试实现一个在地图上显示您位置的网页。考虑到访问网页的人可能没有互联网访问权限,我希望网页是一个本地的HTML文件。

出于安全原因,这些天似乎不可能从本地HTML文件访问地理位置信息。

有没有关于如何从本地HTML文件中访问地理位置信息的想法?

谢谢。

我尝试通过本地Web服务器访问本地HTML文件,但这些只允许http页面,而地理位置似乎依赖于https文件。

英文:

I'm trying to implement a web page which displays your location on a map. Given that the person accessing the web page may not have internet access, I want the web page to be a local HTML file.

These days, for security reasons, it doesn't seem to be possible to access geolocation form a local HTML file.

Any ideas as to how I can get access to geolocation from a local HTML file?

Thanks

I have tried accessing my local HTML file via a local web server but these only allow http pages whereas geolocation seems to be dependent upon an https file.

答案1

得分: 1

为了使用地理位置API,您的应用程序应在HTTPS协议或本地主机Web服务器上运行。否则,地理位置API将无法工作。
最重要的是,您将获得您的互联网提供商站点的坐标 HTML/Javascript: 从本地HTML文件访问地理位置信息

navigator.geolocation.getCurrentPosition(showPosition);

function showPosition(position) {
  console.log("纬度:" + position.coords.latitude +
    " 经度:" + position.coords.longitude);
}
英文:

To use Geolocation API your application should run on HTTPS protocol or on the localhost web server. Otherwise, Geolocation API will not work.
Most of all you will get the coordinates of your internet provider stations HTML/Javascript: 从本地HTML文件访问地理位置信息

navigator.geolocation.getCurrentPosition(showPosition);

      function showPosition(position) {
        console.log("Latitude: " + position.coords.latitude +
        " Longitude: " + position.coords.longitude);
      }

答案2

得分: -2

以下是您要翻译的内容:

<button onclick="getLocation()">获取位置</button>

<script>
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    alert("此浏览器不支持地理位置信息。");
  }
}

function showPosition(position) {
  alert("纬度: " + position.coords.latitude +
  "\n经度: " + position.coords.longitude);
}
</script>
英文:

<!-- begin snippet: js hide: true console: true babel: false -->

<!-- language: lang-html -->

&lt;button onclick=&quot;getLocation()&quot;&gt;Get Location&lt;/button&gt;

&lt;script&gt;
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    alert(&quot;Geolocation is not supported by this browser.&quot;);
  }
}

function showPosition(position) {
  alert(&quot;Latitude: &quot; + position.coords.latitude +
  &quot;\nLongitude: &quot; + position.coords.longitude);
}
&lt;/script&gt;

<!-- end snippet -->

huangapple
  • 本文由 发表于 2023年2月18日 23:39:12
  • 转载请务必保留本文链接:https://go.coder-hub.com/75494420.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定