سلام
کد زیر طول و عرض جغرافیایی نمایش میده
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="getLocation()">Try It</button>
<p id="demo"></p>
<script>
var x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(position => {
x.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}, failure => {
console.log(failure)
if (failure.message.startsWith("Only secure origins are allowed")) {
// Secure Origin issue.
}
});
} 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>
در اندروید کروم , اندروید فایرفاکس , ویندوز فایرفاکس کار میکنه اما در ویندوز کروم کار نمیکنه
من کد داخل یک هاست اشتراکی گذاشتم ssl هم فعال بود باز هم مشکل برطرف نشد
در کروم ویندوز ارور زیر نمایش داده میشه
GeolocationPositionError {code: 2, message: "Network location provider at 'https://www.googleapis.com/' : No response received."}
من اینترنت تغییر دادم و قندشکن هم فعال کردم , مشکل حل نشد
از تابع watchPosition هم استفاده کردم , مشکل حل نشد
مشکل از کجاست؟