我正在尝试制作着陆页,使用地理编码器将访问者重定向到正确的语言,以获取国家/地区代码,然后重定向到正确的语言。 如果我在芬兰,它会将我从www.mydomain.com/index.html重定向到www.mydomain.com/fi/index.html
这些重定向仍在进行中。当地理编码适用于所有浏览器时,我会解决这些问题!
这是我的代码
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>My test site</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
}
function successFunction(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
codeLatLng(lat, lng)
}
function errorFunction(){
alert("Geocoder failed");
}
function initialize() {
geocoder = new google.maps.Geocoder();
}
function codeLatLng(lat, lng) {
var latlng = new google.maps.LatLng(lat, lng);
geocoder.geocode({'latLng': latlng}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
console.log(results)
if (results[1]) {
for (var i=0; i<results[0].address_components.length; i++) {
for (var b=0;b<results[0].address_components[i].types.length;b++) {
if (results[0].address_components[i].types[b] == "country") {
city= results[0].address_components[i];
break;
}
}
}
var countrycode = city.short_name.toLowerCase();
if (countrycode == "gb") {
countrycode = "en";
}
if (countrycode == "se" || countrycode == "ru") {
window.location.replace("/" +countrycode+ "/index.html");
}
else if (countrycode == "fi") {
window.location.replace("/fi/index.html");
}
else {
window.location.replace("/en/index.html");
}
} else {
alert("No results found");
}
} else {
alert("Geocoder failed due to: " + status);
}
});
}
</script>
</head>
<body onload="initialize()">
</body>
</html>
此代码在谷歌浏览器中运行良好,但在Firefox,IE或Android中无效。 其他浏览器请求允许使用位置,但没有任何反应。
你能帮助我在其他浏览器上完成这项工作吗?
谢谢!
答案 0 :(得分:0)
以下代码仅适用于Firefox。它不适用于Chrome和IE。也许您可以再次更改此代码,以使其适用于Chrome和Firefox。我不知道这是否可以在IE上运行。我会调查并稍后更新我的代码。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>My test site</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function successFunction(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
codeLatLng(lat, lng);
}
function errorFunction(){
alert("Geocoder failed");
}
var geocoder;
function initialize() {
geocoder = new google.maps.Geocoder();
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
}
}
function codeLatLng(lat, lng) {
var latlng = new google.maps.LatLng(lat, lng);
geocoder.geocode({'latLng': latlng}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if (results[1]) {
for (var i=0; i<results[0].address_components.length; i++) {
for (var b=0;b<results[0].address_components[i].types.length;b++) {
if (results[0].address_components[i].types[b] == "country") {
city= results[0].address_components[i];
break;
}
}
}
}
var countrycode = city.short_name.toLowerCase();
alert(countrycode);
}
});
}
</script>
</head>
<body onload="initialize()">
</body>
</html>