在当前窗口中限制Instagram API在基于radius的谷歌地图上的帖子

Question

所以我有下面的代码，这是一个Node.js应用程序的前端，它拉出带有特定标签的Instagram帖子。现在它在世界各地发布。有没有办法限制柱子上的半径，如果可能的话，限制到用户当前可见的窗口？我在使用Instagram实时标签订阅。

function initialize() {

    var styles = [{
        "featureType": "landscape",
            "stylers": [{
            "color": "#808080"
        }, {
            "visibility": "simplified"
        }]
    }, {
        "featureType": "administrative",
            "elementType": "labels.text.fill",
            "stylers": [{
            "weight": 0.1
        }, {
            "lightness": 100
        }, {
            "visibility": "off"
        }]
    }, {}];

    var mapOptions = {
        center: new google.maps.LatLng(32.71533, -117.15726),
        zoom: 4,
        scrollwheel: false,
        scaleControl: true,
        styles: styles
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
    mapOptions);

    var socket = io.connect();
    socket.on('photo', function (data) {
        var icon = {
            url: data.img, // url
            size: new google.maps.Size(80, 80), // size
        };
        marker = new google.maps.Marker({
            position: new google.maps.LatLng(data.lat, data.long),
            draggable: true,
            animation: google.maps.Animation.DROP,
            icon: icon,
            map: map,
            title: data.caption
        });
    });

    // Try HTML5 geolocation
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function (position) {
            var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

            map.setCenter(pos);
        }, function () {
            handleNoGeolocation(true);
        });
    } else {
        // Browser doesn't support Geolocation
        handleNoGeolocation(false);
    }
}

function handleNoGeolocation(errorFlag) {
    if (errorFlag) {
        var content = 'Error: The Geolocation service failed.';
    } else {
        var content = 'Error: Your browser doesn\'t support geolocation.';
    }

    var options = {
        map: map,
        position: new google.maps.LatLng(60, 105),
        content: content
    };

    var infowindow = new google.maps.InfoWindow(options);
    map.setCenter(options.position);
}

// Finally, call map
google.maps.event.addDomListener(window, 'load', initialize);

Answer 1

据我所知，没有办法将endpoint（即地理位置和标签）合并到一个搜索中。我认为你有两个选择，这两个选择都是相当劳动密集型的，这取决于标签/S的受欢迎程度，以及你的地理半径。我有兴趣看到更多关于这一点的意见。

• 保留您的实时标记订阅
• 手动处理结果，根据每张照片提供的位置信息进行筛选

来自Doc的示例：

...
"location": {
    "latitude": 37.780885099999999,`
    "id": "514276",
    "longitude": -122.3948632,
    "name": "Instagram"
}
...

null

null

• 创建实时地理订阅
• 手动处理结果，根据每张照片提供的标记信息进行筛选

来自Doc的示例：

...
        "tags": ["expobar"],
...

优点：

null

null

创建地理订阅非常类似于标签订阅，所以不需要太多时间来修补您已经拥有的内容。正如您所猜测的，您只需要使用javascript库来获取用户lat/经度