ジオコーダーを使用して国コードを取得し、適切な言語にリダイレクトして、訪問者を適切な言語にリダイレクトするランディング ページを作成しようとしています。フィンランドにいる場合、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>
このコードは google chrome では問題なく動作しますが、firefox、IE、android では何もしません。他のブラウザは位置情報を使用する許可を求めますが、何も起こりません。
他のブラウザでもこの作業を行うのを手伝ってもらえますか?
ありがとうございました!