为什么地理定位不适用于移动浏览器？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了为什么地理定位不适用于移动浏览器？相关的知识，希望对你有一定的参考价值。
我试图用html5 geolocation获取用户的位置。在桌面上它工作得很好，但在我的所有移动设备（三星笔记，三星galaxy S4和Iphone 6）上它不工作，没有显示error对象。
这是我的代码：
function showPosition(position) {
var coor = position.coords.longitude+", "+position.coords.latitude;
alert(coor);
}
function errorPosition(error) {
alert(error);
}
function toggleGeolocation() {
navigator.geolocation.watchPosition(showPosition,errorPosition);
}
它要求获得地理定位的许可，我点击允许（gps工作）。可能是什么问题呢？
我在所有设备上都使用Google Chrome。
答案
尝试使用此代码，它应该工作。
var successHandler = function(position) {
alert(position.coords.latitude);
alert(position.coords.longitude);
};
var errorHandler = function (errorObj) {
alert(errorObj.code + ": " + errorObj.message);
alert("something wrong take this lat " + "26.0546106 );
alert("something wrong take this lng " +-98.3939791);
};
navigator.geolocation.getCurrentPosition(
successHandler, errorHandler,
{enableHighAccuracy: true, maximumAge: 10000});
另一答案
导航器仅适用于https网站上的android。这是一个示例，如果使用http，将不会显示错误，但在https上可以正常工作（来自https://www.w3schools.com/HTML/tryit.asp?filename=tryhtml5_geolocation）
<!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>
另一答案
// google geolocation
googleMap: function(func){
if (navigator.geolocation) {
//get location
navigator.geolocation.getCurrentPosition(function(position) {
var coords = position.coords;
lat = coords.latitude;
lng = coords.longitude;
var latlng = new google.maps.LatLng(lat, lng);
var geocoder = new google.maps.Geocoder();
geocoder.geocode( {'location': latlng}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var time = Date.parse(new Date());
var resultArr = results[0].address_components, address = "" ,LocationName = "",province = "",city = "",district = "";
for (var i = 0; i < resultArr.length; i++) {
var type = resultArr[i].types[0] ? resultArr[i].types[0] : 0;
if (type && type == "street_number") {
LocationName = resultArr[i].short_name;
}
if (type && type == "route") {
address = address + resultArr[i].short_name;
}
if (type && type == "political") {
district = resultArr[i].short_name;
}
if (type && type == "locality") {
city = resultArr[i].short_name;
}
if (type && type == "administrative_area_level_1") {
province = resultArr[i].short_name;
}
}
var data = {'name': LocationName + ' ' + address, 'address': address, 'lng': lng, 'lat': lat, 'province': province, 'city': city, 'district': district};
func(data);
} else {
func();
alert('Geocode was not successful for the following reason: ' + status);
}
});
}, function getError(error){
func();
switch(error.code){
case error.TIMEOUT:
alert(langData['siteConfig'][22][100]);
break;
case error.PERMISSION_DENIED:
alert(langData['siteConfig'][22][101]);
break;
case error.POSITION_UNAVAILABLE:
alert(langData['siteConfig'][22][102]);
break;
default:
break;
}
})
}else {
func();
alert(langData['waimai'][3][72])
}
},h5: function(func){
if (navigator.geolocation) {
if ("function" == typeof func) {
h5LocationInit.fn = func
}
window.touchH5LocationCallback = function(f, g) {
if(f == null){
HN_Location.getLocationByGeocoding(g);
}else{
// getLocationError(f);
HN_Location.init(func, true);
}
$("#touchH5LocationIframe").remove();
},
$('<iframe src="javascript:(function(){ window.navigator.geolocation.getCurrentPosition(function(position){parent && parent.touchH5LocationCallback && parent.touchH5LocationCallback(null,position);}, function(err){parent && parent.touchH5LocationCallback && parent.touchH5LocationCallback(err);}, {enableHighAccuracy: 1, maximumAge: 10000, timeout: 5000});})()" style="display:none;" id="touchH5LocationIframe" ></iframe>').appendTo("body")
} else {
// var r = {
// tips: "broswer not supported"
// };
// "function" == typeof func ? func(r) : "[object Object]" === Object.prototype.toString.call(func) && func.fn && func.fn(r)
HN_Location.init(func, true);
}
},
另一答案
嗨@jordan我面对的是我的所作所为
首先确保您的设备上已更新Chrome浏览器。
1）启动移动设备的位置服务1
2）调用getLocation（）函数onLoad
通过这样做，它问我许可，并做得很好。
希望能帮助到你。
以上是关于为什么地理定位不适用于移动浏览器？的主要内容，如果未能解决你的问题，请参考以下文章