h5各种定位方式(浏览器，公众号，小程序，App)

h5各种定位方式(浏览器，公众号，小程序，App)

html5 geolocation 获取地理定位遇到 POSITION_UNAVAILABLE

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

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

POSITION_UNAVAILABLE

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

（设置）Settings -> （通用）Genera -> （重置） Reset-> （重置定位于隐私）Reset Location & Privacy.
（设置）Settings ->( 隐私）Privacy 开启 Location Services.

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

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

方法大概是这样的：

if(navigator.geolocation){  
  navigator.geolocation.getCurrentPosition(onSuccess , onError);  
}else{  
  alert("您的浏览器不支持使用HTML 5来获取地理位置服务");  
}  
//定位数据获取成功响应  
function  onSuccess(position){  
      alert('纬度: '          + position.coords.latitude          + '\n' +  
      '经度: '         + position.coords.longitude         + '\n' +  
      '海拔: '          + position.coords.altitude          + '\n' +