页面加载前的地理定位提示？

Question

我正在处理的网站要求用户能够根据HTML5地理位置检查以当地货币付款。我已经设置了一段javascript / html / php来显示一个＆＃34;启动页面＆＃34;，它位于他们到达的第一页的顶部，这表示＆＃34;我们认为您的本地货币是：＆＃34;，并要求他们选择货币。

目前，浏览器＆＃39; ＆＃34;你想分享你的位置＆＃34;页面加载后出现问题。这意味着＆＃34;我们认为您的本地货币是：＆＃34;奇怪的是，在询问用户是否想要分享他们的信息之前，页面的一部分已经进行了地理位置检查。

为了测试地理位置代码，我为firefox添加了geolocator插件，这允许我给出一个不同的html位置。但是，我无法对此进行测试，因为在询问用户是否要共享其位置之前，地理定位检查正在运行。

Answer 1

＆＃13;

＆＃13;

function success(position) {
  $('#loc').text('We think you\'re at (' +
                 Math.round(position.coords.longitude) + ', ' +
                 Math.round(position.coords.latitude) +
                 '). If not, pick:');
  $('#popup').removeClass('hidden');
}

function error() {
  $('#loc').text('We have no clue where you are, so pick:');
  $('#popup').removeClass('hidden');
}

if ("geolocation" in navigator) {
  navigator.geolocation.getCurrentPosition(success, error);
} else {
  error();
}

＆＃13;

#popup {
  display: fixed;
  top: 100px;
  left: 200px;
  width: 200px;
  background: black;
  color: white;
  padding: 10px;
}
#popup.hidden {
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="popup" class="hidden">
  <div id="loc"></div>
  <button>THE WORLD</button>
  <button>SOMEWHERE ELSE</button>
</div>

＆＃13;

＆＃13;

＆＃13;

（出于某种原因，在SO片段中不起作用，但适用于JSBin