美文网首页
ionic定位,签到

ionic定位,签到

作者: 菠菜盼娣 | 来源:发表于2018-11-26 18:47 被阅读0次

定位,签到,转换坐标系

cordova-plugin-geolocation      geolocation插件

1 安装插件 

cordova plugin add cordova-plugin-geolocation

2 点击定位

<button ng-click="getGeolocation()">定位当前</button>

```

$scope.getGps=function(){

    $cordovaGeolocation.getCurrentPosition().then(function (position) {

          $scope.lat  = position.coords.latitude;

          $scope.lon = position.coords.longitude;

          $http.jsonp("http://api.map.baidu.com/geocoder/v2/?callback=JSON_CALLBACK&mcode=com.xxxxx.-&location="+$scope.lat+","+$scope.lon+"&output=json&pois=1&ak=ysHscdqZCVZXG4ipXgXou2Wt")

  .success(function(data){

     $scope.formatted_address=data.result.formatted_address;

  $scope.sematic_description=data.result.sematic_description;

  console.log(data)

  })

        }, function(err) {

            // error

        });

}

```

签到功能:谷歌和百度地图利用的坐标系不一样,需要转换坐标系

```

// 签到功能

    $scope.getGps=function(){

    var posOptions = {timeout: 10000,maximumAge: 30000, enableHighAccuracy: true,coorType: 'bd09ll'};

  $cordovaGeolocation.getCurrentPosition(posOptions).then(function (position) {

          $scope.lat  = position.coords.latitude;

          $scope.lon = position.coords.longitude;

          bd_encrypt($scope.lat, $scope.lon)

          $http.jsonp("http://api.map.baidu.com/geocoder/v2/?callback=JSON_CALLBACK&mcode=com.xxxxx.-&location="+$scope.lat+","+$scope.lon+"&output=json&pois=1&ak=ysHscdqZCVZXG4ipXgXou2Wt")

      .success(function(data){

     $scope.formatted_address=data.result.formatted_address;

      $scope.sematic_description=data.result.sematic_description;

    })

        $.ajax({

        type:"post",

        url: loginIP + '/api/v1/lines',

// url:'/api/v1/lines',

        headers:{"Authentication-Token": sessionNews},

        data:{d_task_form_id:$scope.id,long_login:$scope.lon,lat_login:$scope.lat},

        success:function(data){

        console.log(data)

        if(data.status == '定位成功'){

        alert('签到成功')

        }else{

        alert('签到失败')

        }

        },

        error:function(err){

    $ionicLoading.hide()

        console.log(err)

        }

        });

    });

}

  // 谷歌转百度

    function bd_encrypt(gg_lon, gg_lat){ 

            var X_PI = Math.PI * 3000.0 / 180.0; 

            var x = gg_lon, y = gg_lat; 

            var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * X_PI); 

            var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * X_PI); 

            var bd_lon = z * Math.cos(theta) + 0.0065; 

            var bd_lat = z * Math.sin(theta) + 0.006; 

            return { 

                bd_lat: bd_lat, 

                bd_lon: bd_lon 

            }; 

      }

```

相关文章

  • ionic定位,签到

    定位,签到,转换坐标系 cordova-plugin-geolocation geolocation插件 1 ...

  • ionic 开发中插件的修改

    本次项目中设计到的插件有高德地图,签到日历插件。 需求:1.ionic项目中展示地图,并可以定位。2.日历中显示已...

  • ionic2 开源项目实践(二)

    ionic2开源项目 对ionic2开源项目一的持续更新。 新增百度地图导入及使用 添加定位: ionic pl...

  • Ionic后台定位

    前端js的setTimeout是不能用的,在后台运行后会被暂停掉。即便设置了前台服务,只是保持原生活动,js是不活...

  • iOS 地图定位签到及离线签到

    地图定位签到及离线签到功能实现 公司的项目要实现一个像钉钉一样签到的功能,搜索后发现很少有相关的Demo或者资料,...

  • ionic 使用百度地图API, 定位用户当前所在的城市示例

    由于在ionic程序中,如果需要定位用户所在的城市,可以用如下方法。 在ionic程序中,引入百度地图API。打开...

  • 定位签到遇到SAFARI

    最近在做一H5项目,使用定位来限制活动签到,防止用户没到现场通过别人转发二维码签到。功能做出来之后,别人用苹果手机...

  • 获取定位信息

    ios官方定位插件 百度地图定位Cordova插件,支持Android,IOS,ionic 1x 2x 均可使用(...

  • 如何修改iOS设备的定位

    最近公司使用钉钉App进行打卡签到,签到的条件是需要手机定位在公司附近,所以只要修改了手机的定位,岂不是就可以在家...

  • 微信小程序获取地理位置实现定位签到功能

    为了保证签到定位的精确性,要求开启GPS定位。小程序成功精确获取地理位置打卡签到,需要三步授权验证: 地理位置的系...

网友评论

      本文标题:ionic定位,签到

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