极客笔记HTML 地理位置的获取在 IE 11 中总是失败
在本文中，我们将介绍在 IE 11 中使用 HTML 的 geoLocation.GetCurrentPosition 方法获取地理位置时总是失败的问题。我们将探讨问题的原因以及可能的解决办法，并给出示例说明。
阅读更多：HTML 教程
问题描述
在 IE 11 中，使用 HTML 的 geoLocation.GetCurrentPosition 方法获取地理位置信息时，经常会遇到失败的情况。无论是在同一台设备上的不同浏览器，还是在多台设备上的同一浏览器，都有可能出现这个问题。一旦出现失败，无法获取到正确的地理位置信息，给相关的应用和服务带来了一定的困扰。
问题原因
经过调研和分析，发现这个问题主要是由于 IE 浏览器对于 geoLocation.GetCurrentPosition 方法的实现不兼容所致。IE 浏览器要求网页使用 HTTPS 协议才能够使用地理位置服务，而使用 HTTP 协议的网页则无法获取地理位置信息，即使用户已经允许获取地理位置的权限。
解决办法
针对这个问题，我们可以尝试以下解决办法：
1. 使用其他浏览器
由于问题主要出现在 IE 11 中，我们可以尝试使用其他浏览器来替代。目前市面上有众多主流浏览器，如 Chrome、Firefox、Safari 等，它们对于地理位置服务的支持相对较好，且无需特殊设置即可正常使用。
2. 使用 HTTPS 协议
如果我们需要在 IE 11 中继续使用 HTML 的 geoLocation.GetCurrentPosition 方法来获取地理位置信息，我们可以将我们的网页迁移到使用 HTTPS 协议。这样一来，IE 11 将会对我们的网页开放地理位置服务的权限，从而顺利获取到正确的地理位置信息。
3. 使用 polyfill
另一种解决办法是使用 polyfill。Polyfill 是一种代码片段，它通过模拟浏览器的 API，以在不同浏览器之间实现兼容性。对于 geoLocation.GetCurrentPosition 方法，可以使用现有的 polyfill，如 geolocator.js 或 webshim，来解决在 IE 11 中使用该方法时的兼容性问题。
下面是使用 geolocator.js 的示例代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/geolocator/2.1.0/geolocator.min.js"></script>
<script>
function getLocation() {
if (geolocator.isGeolocationSupported) {
geolocator.locate(function (location) {
console.log(location);
}, function (error) {
console.log(error);
});
}
}
</script>
</head>
<body>
<button onclick="getLocation()">获取地理位置</button>
</body>
</html>
在这个示例中，我们引入了 geolocator.js 文件，并使用 geolocator.locate 方法来获取地理位置信息。geolocator.isGeolocationSupported 可以用来判断当前浏览器是否支持地理位置服务。
总结
在本文中，我们探讨了在 IE 11 中使用 HTML 的 geoLocation.GetCurrentPosition 方法获取地理位置时总是失败的问题。我们发现这个问题主要是由于 IE 浏览器对于这个方法实现的不兼容所致。为了解决这个问题，我们可以尝试使用其他浏览器或者迁移到使用 HTTPS 协议的网页。另外，我们还介绍了使用 polyfill 的方法来实现在 IE 11 中获取地理位置信息的兼容性。希望本文能够帮助读者解决这个问题，并顺利获取到需要的地理位置信息。