HTML5 地理定位不起作用

Question

我正在尝试学习如何使用 HTML5 地理定位，但无法正确运行以下脚本:

<script src="js/jquery-1.4.2.min.js"></script>
<script>
    jQuery(window).ready(function(){
        jQuery("#btnInit").click(initiate_geolocation);
    });

    function initiate_geolocation() {
        navigator.geolocation.getCurrentPosition(handle_geolocation_query);
    }

    function handle_geolocation_query(position){
        alert('Lat: ' + position.coords.latitude + ' ' +
              'Lon: ' + position.coords.longitude);
    }
</script>

我的 HTML 包含一个引用 #btnInit jQuery 函数的按钮；但是，该脚本不显示任何警报弹出框。此外，似乎脚本在行之前暂停:jQuery(window).ready(function(){

让 HTML5 地理定位正常工作的下一步是什么？

Answer 1

您的代码非常适合我，请参阅 fiddle .是你的browser supporting地理位置？

根据您的浏览器，您应该会在某处看到允许浏览器获取您的位置的通知。您必须允许这样做，才能让您的代码正常工作。