所以我一直在开发一个web应用程序,并实现了HTML5地理定位功能。我已经用取自谷歌网站的Javascript代码实现了这一点,它与我页面上的Google地图进行交互。下面是代码:
// Note that using Google Gears requires loading the Javascript
// at http://code.google.com/apis/gears/gears_init.js
var initialLocation;
var siberia = new google.maps.LatLng(60, 105);
var newyork = new google.maps.LatLng(40.69847032728747, -73.9514422416687);
var browserSupportFlag = new Boolean();
function initialize() {
var myOptions = {
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// Try W3C Geolocation (Preferred)
if(navigator.geolocation) {
browserSupportFlag = true;
navigator.geolocation.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
map.setCenter(initialLocation);
}, function() {
handleNoGeolocation(browserSupportFlag);
});
// Try Google Gears Geolocation
} else if (google.gears) {
browserSupportFlag = true;
var geo = google.gears.factory.create('beta.geolocation');
geo.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
map.setCenter(initialLocation);
}, function() {
handleNoGeoLocation(browserSupportFlag);
});
// Browser doesn't support Geolocation
} else {
browserSupportFlag = false;
handleNoGeolocation(browserSupportFlag);
}
function handleNoGeolocation(errorFlag) {
if (errorFlag == true) {
alert("Geolocation service failed.");
initialLocation = newyork;
} else {
alert("Your browser doesn't support geolocation. We've placed you in Siberia.");
initialLocation = siberia;
}
map.setCenter(initialLocation);
}
}
因此,这段代码的作用是,它检查您从中访问站点的浏览器是否支持新的WC3地理定位功能,如果支持,它将使用该功能查找纬度和经度。如果你不支持它,它会尝试使用Google Gears来获取这些信息,最后,如果你两者都不支持,它就会退出。
我完全可以像Firefox、Safari、Opera和Chrome这样的浏览器那样使用它,因为大多数新版本(甚至一些老版本)都支持这些功能,然而IE8(9个版本)并不:(
IE8甚至没有使用Google Gears的failsafe,它根本不起作用。有没有(像上面的代码一样免费)在IE8上使用某种形式的地理位置,即使它不能精确地获得经纬度,以便我可以将其插入地图?
另外,我还没有测试它,但是,如果你使用移动浏览器(在主要设备上)登录这个网站,它是否也支持WC3地理定位/Google Gears,或者它会像IE8那样崩溃。我知道,如果移动设备开启了GPS,我也可以在请求定位时使用
sensor=true
属性,所以这是另一种方法,但如果他们支持,我宁愿使用地理定位。谢谢你们。
最佳答案
在我开始全面使用HTML5地理定位功能之前,我一直在等待它们成熟一些。同时,我成功地使用了MaxMind提供的api和数据集。
编辑:
我忘了说,这有时在移动浏览器上不太好用,所以你可能仍然想在那里使用HTML5地理定位功能,因为我发现它在移动浏览器上更快速、更可靠。