百度地图地理定位 

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>百度地图地理定位</title>
</head>
<body>
    <p id="map"></p>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=FPMfDA2HhXG1IiZPIxslDAPgLx3VUAcT"></script>
    <script>
      $(function(){
          getLocation();
      })
      function getLocation() {
            // 创建查询对象
            var geolocation = new BMap.Geolocation();
            //调用getCurrentPosition函数
            geolocation.getCurrentPosition(function(r){
                  console.log(this.getStatus());
                  // 如果查询成功
                  if(this.getStatus() == 0){
                      // 地理位置逆解析
                      var geoc = new BMap.Geocoder();
                      geoc.getLocation(r.point,function(rs){
                          var address = rs.addressComponents;
                          var addComp = rs.addressComponents;
                          var currentCity,currentLocation;
                          currentCity = addComp.province.slice(0,-1) + "," + addComp.city + "," + addComp.district ;
                          console.log(currentCity);
                          $('#map').html(currentCity);
                          if(rs.surroundingPois.length!==0){
                              currentLocation = rs.surroundingPois[0].title;
                          }else if(rs.surroundingPois.length==0){
                              if(rs.business!==''){
                                  currentLocation = rs.business.split(',')[0];
                              }else if(rs.business==''){
                                  currentLocation = addComp.city;
                              }
                          }
                          console.log(currentLocation);
                      });
                  }else{
                      console.log("定位失败");
                  };
              },{enableHighAccuracy: true});
      }
    </script>
</body>
</html>

 

posted @ 2018-07-03 15:39  IT小师妹  阅读(246)  评论(0)    收藏  举报