繁体   English   中英

Google Maps-如何确定点是否落在圆上并绘制地图

[英]Google Maps - How to determine if point falls with a circle and plot to map

我正在使用Angular, ng-maps指令和多个社交媒体API。 首先,我要从API检索数据,并使用google.maps.geometry.spherical.computeDistanceBetween(latLng, center) <= radius它是我从这个问题 (以及 问题)获得的)中计算出来的),然后将其推入包含结果的数组,然后将结果绘制在地图上。

由于数组为空,我似乎无法获得任何带有真实值的返回值。

这是代码:

  $scope.radius = 1000;
    $scope.lat = 48.0028;
    $scope.lng = 37.8060; 

$scope.searchCircle = {
        position: [$scope.lat, $scope.lng],
        radius: $scope.radius
    };

$scope.mapSearch = function(){
            if ($scope.vkLoading || $scope.igLoading || $scope.twtLoading) return;
            $scope.resultPosts.length = 0;
            console.log('Lat: '+$scope.lat+' Lng: '+$scope.lng+' Radius: '+$scope.radius+' Start: '+$scope.startDate+' End: '+$scope.endDate);
            if ($scope.locationSearch.dataSource.vk){
                $scope.vkLoading = true;
                console.log('search Vk');
                OSINTAPIRequest.vkSearch($scope.lat, $scope.lng, $filter('unixTimestamp')($scope.startDate, 'sec'), $filter('unixTimestamp')($scope.endDate, 'sec'),$scope.radius).then(function(data){
                        if (data.error){
                            toastr.error(data.error.error_msg, 'VkError['+data.error.error_code+']');
                        } else {
                            if (data.response.items.length > 0){
                                for(var i=0; i < data.response.items.length; i++){
                                    /*  Adjust for faulty radius */

                                $scope.markerPoints = [];

                                    $scope.postLat = data.response.items[i].lat;
                                    $scope.postLng = data.response.items[i].long;
                                    $scope.postLatLng = [$scope.postLat,$scope.postLng];

                                    $scope.markerPoints.push($scope.postLatLng);

                                     if (google.maps.geometry.spherical.computeDistanceBetween($scope.markerPoints, $scope.searchCircle.position) <= $scope.radius) {
                                            $scope.resultPosts.push({SourcePostID: data.response.items[i].id, 
                                                    SourcePosterID : data.response.items[i].owner_id,
                                                    Timestamp : parseInt(data.response.items[i].date),
                                                    PostTitleTimestamp: $filter('timestamp')(data.response.items[i].date, 'title'),
                                                    PostTimestamp : $filter('timestamp')(data.response.items[i].date),
                                                    PostLatitude : data.response.items[i].lat,
                                                    PostLongitude : data.response.items[i].long,
                                                    PostMedia: data.response.items[i].photo_604,
                                                    PostContent: data.response.items[i].text,
                                                    PostType: 'image',
                                                    PostAvatar: 'https://pingendo.github.io/pingendo-bootstrap/assets/user_placeholder.png',
                                                    PostMarker: 'assets/img/vkMarker.png',
                                                    PostUsername : 'User ID ('+data.response.items[i].owner_id+')',
                                                    DataSource: 'vk'});
                                        //console.log('Vk Timestamp: '+parseInt(data.response.items[i].date));
                                    } 

                            } else {
                            }
                            $scope.vkLoading = false;
                        }
                    }, function(error){
                        $scope.vkLoading = false;
                        console.log(error);
                        toastr.error('Unable to connect to server!','Server Error['+error.status+']');
                });
            }  

我想我缺少了一些非常明显和简单的东西……关于这个问题是什么?

编辑:这是演示... http://plnkr.co/edit/3rO8K1j8GVXd8JyBzvrm?p=preview

当我添加距离计算(注释掉)时,它不会在数组中添加任何标记。

谢谢查理! 我必须创建一个Google Maps LatLng对象并将其传递给函数。

var p1 = new google.maps.LatLng(data[i].lat, data[i].long);
var p2 =  new google.maps.LatLng($scope.lat, $scope.lng);

这是有效的解决方案: http : //plnkr.co/edit/u8ihWual5xsivkHJyu3y?p=preview

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM