html地理编码没有得到坐标

Posted 2023-02-23

【中文标题】html地理编码没有得到坐标

【英文标题】：html geocode not getting coordinates

【发布时间】：2017-08-29 14:25:17

【问题描述】：

这是我在文档中准备好的代码，

$("document").ready(function()

          function getUserLocation()
            if (navigator.geolocation) 
              alert("test");
              var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>";
              navigator.geolocation.getCurrentPosition(function(position)
                 console.log(position.coords.latitude);
                  $.ajax(
                      url : ajaxurl,
                      type : 'post',
                      data : 
                        action : 'df_location_search',
                        lat : position.coords.latitude,
                        lng : position.coords.longitude
                      ,
                      success : function(ipg_response) 
                        var response = JSON.parse(ipg_response);
                          alert("mak");
                          if(response.success==1)

                          
                      
                  );
              );
              
          
          getUserLocation();
);

问题 => 在发送 ajax 请求之前没有获取坐标，console.log(position.coords.latitude);没有任何数据显示，即使未定义的值也没有显示在控制台中，有人可以帮忙吗？

【问题讨论】：

我刚刚将您的代码粘贴到 codepen 中，它似乎可以很好地返回坐标。也许是您的浏览器权限设置为不允许获取位置？ codepen.io/tinusw/pen/zdMoee?editors=1011

【参考方案1】：

我检查的问题是，我的网站不在 https 协议上，它在演示链接上，所以它给了我错误，

getCurrentPosition() 和 watchPosition() 不再适用于不安全 起源。要使用此功能，您应该考虑切换您的 应用到安全源，例如 HTTPS。看 了解更多详情。

当我将此代码切换到使用 https 协议的实时域时，它对我来说工作正常，所以应该在你必须部署应用程序的环境中测试你的代码。