html5引导用户提示,HTML5-Geolocation不允许定位后再次弹出用户权限提示

解决方案就是,需要在系统中就行清理缓存的设置:

(设置)Settings -> (通用)Genera -> (重置) Reset-> (重置定位于隐私)Reset Location & Privacy.

(设置)Settings ->( 隐私)Privacy 开启 Location Services.

重新进入页面即可提示用户权限提示了!

在Safari或者在使用UIWebview的APP中当点击“不允许”选项之后webapp/html5 的定位服务不能再次显示用户权限提示框。

可以用这个源码做测试

点击这个按钮,获得您的坐标:

试一下

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

function getLocation()

{

if (navigator.geolocation)

{

navigator.geolocation.getCurrentPosition(showPosition,showError);

}

else{x.innerHTML="Geolocation is not supported by this browser.";}

}

function showPosition(position)

{

x.innerHTML="Latitude: " + position.coords.latitude +

"
Longitude: " + position.coords.longitude;

}

function showError(error)

{

switch(error.code)

{

case error.PERMISSION_DENIED:

x.innerHTML="User denied the request for Geolocation."

break;

case error.POSITION_UNAVAILABLE:

x.innerHTML="Location information is unavailable."

break;

case error.TIMEOUT:

x.innerHTML="The request to get user location timed out."

break;

case error.UNKNOWN_ERROR:

x.innerHTML="An unknown error occurred."

break;

}

}

不管是原生iOS APP嵌入单个h5页面,还是都是h5页面的webapp也好,只要涉及到定位都会遇到这个情况。

当请求iOS开始定位的时候,会弹出一个提示框,提示你是否"允许"定位,允许定位继续下一步,如果一不小心点了下"不允许"之后,会发现,下次进到这个h5之后再也不会提示请求定位权限的提示框了。"不允许"被缓存了下来。再次调用geolocation会报 error.PERMISSION_DENIED 错误

而且没有相应的api能重启提示框。

如果说h5页面用于app中显示,可以尝试使用js与app原生交互来获取定位,原生获取定位后反传给h5,这样当整个app的定位权限被用户拒绝与开启的时候,直接到设置中对应的app下就可以恢复了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5可以使用geolocation API来获取用户的地理位置信息,并且可以通过百度地图API将获取到的地理位置信息在地图上显示出来的示例。 首先,在html文件中,需要引入百度地图API的相关代码,并且添加一个用于显示地图的div元素。然后,在JavaScript中使用geolocation API来获取用户的地理位置信息,获取到经纬度后再调用百度地图API的相关方法,在地图上显示出用户的位置标记。 具体代码示例如下: ```html <!DOCTYPE html> <html> <head> <title>HTML5定位和百度地图显示示例</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your_baidu_map_api_key"></script> </head> <body> <div id="map" style="width: 100%; height: 400px;"></div> <script> var map = new BMap.Map("map"); var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var lat = position.coords.latitude; var lon = position.coords.longitude; var point = new BMap.Point(lon, lat); var marker = new BMap.Marker(point); map.addOverlay(marker); map.panTo(point); }); } else { alert("浏览器不支持地理位置信息获取"); } </script> </body> </html> ``` 在这个示例中,首先引入了百度地图API的js文件,并创建了一个用于显示地图的div元素。然后在JavaScript中使用geolocation API获取用户的地理位置信息,再利用百度地图API在地图上显示出用户的位置标记。当用户允许地理位置信息获取时,地图会自动定位用户的位置,并显示在地图上。如果浏览器不支持地理位置信息获取,则会弹出提示信息。这样就实现了html5定位并在百度地图上显示的示例。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值