美文网首页
前端获取当前的地理位置利用ele接口获取地址

前端获取当前的地理位置利用ele接口获取地址

作者: 十年之后_b94a | 来源:发表于2018-05-29 12:05 被阅读0次

    1)在h5中获取经纬度

    function getLocation(){ 
      if (navigator.geolocation){ 
        navigator.geolocation.getCurrentPosition(showPosition,showError); 
      }else{ 
        alert("浏览器不支持地理定位。"); 
      } 
    } 
    

    navigator.geolocation.getCurrentPosition接受两个函数
    一个是获取地理位置成功的函数
    另一个是获取地理位置错误的函数

    function showPosition(position){
      var lat = position.coords.latitude; //纬度 
      var lag = position.coords.longitude; //经度 
    }
    
    function showError(error){
      //这里是获取错误的函数接受error参数
      //这里可以利用递归重新获取
      //getLocation()
      //防止重复获取地址出错 建议不要递归 只是建议
    }
    

    2)利用ele饿了么的h5接口地址获取具体地址(也可用百度地图、高德地图api)

    接口地址:
    https://h5.ele.me/restapi/bgs/poi/reverse_geo_coding?latitude=****&longitude=*****
    两个参数
    latitude : 维度
    longitude :经度

    在1中获取了经纬度即可带参过来获取


    image.png

    address就是当前你的详细位置

    相关文章

      网友评论

          本文标题:前端获取当前的地理位置利用ele接口获取地址

          本文链接:https://www.haomeiwen.com/subject/dtgojftx.html