标签：javascript ruby-on-rails google-chrome geolocation firefox

这是一个很长的问题,可能是一个非常简短的答案.

在我的rails 5应用程序中,我使用geolocation api的这个相当基本的JS实现来从浏览器获取用户位置：

更新：这是使用geocomplete插件(https://ubilabs.github.io/geocomplete/)的整个脚本：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=<%=ENV['GOOGLE_MAPS_API_KEY']%>&language=<%=I18n.locale%>&libraries=places"></script>

<script>
  $(function(){
    var geolocation = null;
    var lati  = null;
    var longi = null;

    //start by drawing a default map
    nogeoloc(); 
    function nogeoloc() {
      geo(lati,longi);
      console.log("no geolocation");
    }

    // check for geolocation support
    if (window.navigator && window.navigator.geolocation) {
      geolocation = window.navigator.geolocation;
    }
    if (geolocation) {
      geolocation.getCurrentPosition(success, error, positionOptions);
    }
    var positionOptions = {
      enableHighAccuracy: true,
      timeout: 10 * 1000, // 10 seconds
    };
    //in case of user permission, center the map at user' location
    function success(position) {
      lati  = position.coords.latitude;
      longi = position.coords.longitude;
      geo(lati,longi);
      console.log("geo data obtained");
    }
    // if denied permission or error, do nothing
    function error(positionError) {
      console.log("error");
      console.log(positionError);
    }

    // map drawing using the geocomplete library
    function geo(lati,longi){
      var myloc = false;
      if(lati && longi) {
        myloc = [lati, longi];
      }
      var options = {
        map: ".map_canvas",
        mapOptions: {
          scrollwheel: true
        },
        location: myloc ,
        details: "form",
        detailsAttribute: "geocompname",
        markerOptions: {
          draggable: true
        }
      };
      $("#geocomplete").geocomplete(options);
      var geocoder = new google.maps.Geocoder();
      var map = $("#geocomplete").geocomplete("map");
      var marker = $("#geocomplete").geocomplete("marker");

      if(lati && longi) {
        map.panTo({ lat: lati, lng: longi});
        marker.setPosition({ lat: lati, lng: longi});
        $("input[geocompname=lat]").val(lati);
        $("input[geocompname=lng]").val(longi);  
        geocoder.geocode({'location': {lat: lati, lng: longi}}, function(results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
            if (results[0]) {
              $("input[geocompname=formatted_address]").val(results[0].formatted_address);
            }
          }
        });
      }
      $("#geocomplete").bind("geocode:dragged", function(event, latLng){
        $("input[geocompname=lat]").val(latLng.lat());
        $("input[geocompname=lng]").val(latLng.lng());
        map.panTo(latLng);
        geocoder.geocode({'latLng': latLng }, function(results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
            if (results[0]) {
              $("input[geocompname=formatted_address]").val(results[0].formatted_address);
            }
          }
        });
      });
    }
  });
</script>

有点滑稽的问题是这个实现在白天工作正常(我在德国)但在晚上返回Firefox和Chrome中的错误:).

Firefox中返回的错误代码为：{code：2,消息：“获取位置未知错误”},Chrome会打印更多信息：消息：“网址位置提供商位于’https://www.googleapis.com/’：返回错误代码403.“

谷歌搜索,结果是403意味着达到了提供的api密钥的使用限制.这解释了为什么我的代码在白天工作并在晚上开始失败:​​).

为了测试这个,我打开了firefox配置并将我自己的google api密钥插入geo.wifi.uri并且它有效.

现在我的问题：

1)这个问题出现在谷歌自己的浏览器(Chrome)中,即使是Mozilla的实例也失败了(https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation),可以通过增加请求限制来期待google / mozilla等很快解决这个问题吗？

2)请求通过站点访问者的浏览器发送.有没有办法将我自己的谷歌密钥传递给地理定位API,以便浏览器在请求中使用它而不是默认的？

3)上面的代码在我的三星s6手机上的Chrome浏览器中工作正常,但它不能在使用三星互联网浏览器的同一部手机上工作.有什么提示这里出了什么问题？

解决方法:

您是否尝试过geolocation.watchPosition以防它起作用？

标签：javascript,ruby-on-rails,google-chrome,geolocation,firefox
来源： https://codeday.me/bug/20190701/1350281.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。