我有一个很简单的JS使用navigator。geolocation。getcurrentposition jammy。
$(document).ready(function(){
$("#business-locate, #people-locate").click(function() {
navigator.geolocation.getCurrentPosition(foundLocation, noLocation);
});
navigator.geolocation.getCurrentPosition(foundLocation, noLocation);
function foundLocation(position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
var userLocation = lat + ', ' + lon;
$("#business-current-location, #people-current-location").remove();
$("#Near-Me")
.watermark("Current Location")
.after("<input type='hidden' name='business-current-location' id='business-current-location' value='"+userLocation+"' />");
$("#people-Near-Me")
.watermark("Current Location")
.after("<input type='hidden' name='people-current-location' id='people-current-location' value='"+userLocation+"' />");
}
function noLocation() {
$("#Near-Me").watermark("Could not find location");
$("#people-Near-Me").watermark("Could not find location");
}
})//end DocReady
基本上，这里发生的事情是我们得到当前位置，如果它得到了，两个“水印”被放置在两个字段中，表示“当前位置”，两个隐藏字段被创建，并使用latong数据作为它们的值(它们在开始时被删除，这样它们就不会每次都重复)。还有两个按钮，它们有一个点击功能，做同样的事情。
不幸的是，每隔三次左右，它就会奏效。
这里有什么问题?
这已经是一个老问题了，但所有的答案都不能解决我的问题，所以让我们加上我最终找到的那个。它闻起来像一种hack(它确实是一种)，但在我的情况下总是有效。对你的处境也抱有希望。
//Dummy one, which will result in a working next statement.
navigator.geolocation.getCurrentPosition(function () {}, function () {}, {});
//The working next statement.
navigator.geolocation.getCurrentPosition(function (position) {
//Your code here
}, function (e) {
//Your error handling here
}, {
enableHighAccuracy: true
});
大家也一样，顺便说一句，这在Chrome(稳定，开发和金丝雀)中工作完美，只是在FF和Safari中不合适。它在我的iPhone和iPad上也很好用(Safari!)这可能是由于这个功能相对较新(即它是一个bug)。我现在花了差不多一个星期的时间在这个上面，我就是不能让它在那些浏览器上工作
以下是我的发现:
第一次调用getCurrentPosition时，它工作得很完美。任何后续调用都不会返回，也就是说，它不会触发successCallback或errorCallback函数。为了证明我的观点，我在看涨期权中添加了几个仓位选项:
navigator.geolocation.getCurrentPosition(successCallback, errorCallback, {timeout: 10000});
并且每次都超时(在第一次成功调用之后)。我认为我可以用maximumAge来修复它，但这似乎并不像它应该工作的那样工作:
navigator.geolocation.getCurrentPosition(successCallback, errorCallback, {maximumAge:60000, timeout: 2000});
这应该防止实际调用getCurrentPosition函数，如果你在60秒内调用它，但它忽略了这一点(然而，这可能是因为我实际上刷新了我的页面来触发第二次调用，不确定这是否持久跨调用)
顺便说一句，即使谷歌的例子失败在这些浏览器上，这让我相信这确实是浏览器的bug，尝试一下，在Safari中加载两次，第二次就不会工作了。
如果有人找到了解决方案，请告诉我:-)
欢呼。
你不会得到一个错误消息，因为默认情况下它没有超时(至少我认为)。我用firefox也遇到过同样的问题，只是对我来说，firefox总是超时。您可以像这样自己设置一个超时。
我的功能在chrome中工作得很好，但我每次在firefox中都会超时。
navigator.geolocation.getCurrentPosition(
function(position) {
//do succes handling
},
function errorCallback(error) {
//do error handling
},
{
timeout:5000
}
);
我建议你仔细观察你的错误。一切都被期待。为每件事都准备一个备份计划。我使用一些默认值或值从我的数据库自己的情况下谷歌地理位置和导航地理位置失败。
