Geolocation html5 在网络浏览器上工作,但在 iPhone 浏览器上不工作

Posted

技术标签:

【中文标题】Geolocation html5 在网络浏览器上工作,但在 iPhone 浏览器上不工作【英文标题】:Geolocation html5 working on web browser but not on iphone browser 【发布时间】:2017-02-27 09:07:18 【问题描述】:

我使用下面的代码来获取纬度和经度,在网络浏览器 chrome、firefox 上我能够获取位置,但是当我在 ios safari 和 firefox 上运行该站点时,我无法获取纬度和经度.

<!DOCTYPE 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>

</body>
</html>

【问题讨论】:

【参考方案1】:

打开浏览器应用的定位服务。

-点击设置应用程序 -打听个人隐私 -点击定位服务 - 将开关切换到开启

【讨论】:

定位服务开启 ***.com/questions/32720308/…

以上是关于Geolocation html5 在网络浏览器上工作,但在 iPhone 浏览器上不工作的主要内容,如果未能解决你的问题,请参考以下文章

Geolocation地理定位

用HTML5 Geolocation实现一个距离追踪器

使用h5的geolocation api的必要条件都有哪些

前端HTML5 地理位置定位(HTML5 Geolocation)原理及应用

关于HTML5-geolocation

HTML5 Geolocation(地理定位)简介