Javascript Instagram图片到谷歌地图，在你周围1公里的范围内_Javascript_Api_Google Maps_Instagram

Javascript Instagram图片到谷歌地图，在你周围1公里的范围内

javascript api google-maps instagram

Javascript Instagram图片到谷歌地图，在你周围1公里的范围内,javascript,api,google-maps,instagram,Javascript,Api,Google Maps,Instagram,我想知道是否有可能让Instagram photo的谷歌地图与API的合作。到目前为止，我已经让谷歌地图工作，它显示了我的当前位置，以及我周围1公里的半径我想做的事情是在我周围的半径范围内展示一定数量的Instagram照片，由每个人拍摄但到目前为止，我不知道从哪里开始，也不知道如何开始，如果可能的话我的谷歌地图的代码是： </script> <script type="text/javascript"> var map;

我想知道是否有可能让Instagram photo的谷歌地图与API的合作。到目前为止，我已经让谷歌地图工作，它显示了我的当前位置，以及我周围1公里的半径

我想做的事情是在我周围的半径范围内展示一定数量的Instagram照片，由每个人拍摄

但到目前为止，我不知道从哪里开始，也不知道如何开始，如果可能的话

我的谷歌地图的代码是：

    </script>
        <script type="text/javascript">
        var map;
        var service;
        var marker;
        var pos;
        var infowindow;

        function initialize() {

            var mapOptions = {
                zoom: 14
            };

            map =   new google.maps.Map(document.getElementById('map-canvas'),
                    mapOptions);

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


                    infowindow = new google.maps.InfoWindow({
                        map: map,
                        position: pos,
                        content: 'This is your current position!'
                    });

                        var circle = new google.maps.Circle({
                            map: map,
                            position: pos,
                            radius: 1000,    // 1km in metres
                            fillColor: '#6D86D1'
                        });
                        circle.bindTo('center', infowindow, 'position');

                    map.setCenter(pos);

                    infowindow = new google.maps.InfoWindow();
                    var service = new google.maps.places.PlacesService(map);
                    service.nearbySearch(request, callback);

                },

                    function () {
                        handleNoGeolocation(true);
                    });
            } else {
                handleNoGeolocation(false);
            }

            function callback(results, status) {
                if (status == google.maps.places.PlacesServiceStatus.OK) {
                    for (var i = 0; i < results.length; i++) {
                        createMarker(results[i]);
                    }
                }
            }

            function createMarker(place) {
                var placeLoc = place.geometry.location;
                var marker = new google.maps.Marker({
                    map: map,
                    position: place.geometry.location
                });

                google.maps.event.addListener(marker, 'click', function () {
                    infowindow.setContent(place.name);
                    infowindow.open(map, this);
                });

            }
        }
        google.maps.event.addDomListener(window, 'load', initialize);


    </script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>


var映射；
var服务；
var标记；
var-pos；
var信息窗口；
函数初始化（）{
变量映射选项={
缩放：14
};
map=new google.maps.map（document.getElementById（'map-canvas'），
地图选项）；
//HTML5地理定位
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（函数（位置）{
pos=新的google.maps.LatLng（position.coords.lation，position.coords.longitude）；
infowindow=新建google.maps.infowindow({
地图：地图，
职位:pos,，
内容：“这是你目前的职位！”
});
var circle=new google.maps.circle({
地图：地图，
职位:pos,，
半径：1000，//1公里（米）
填充颜色：“#6D86D1”
});
circle.bindTo（'center'，infowindow，'position'）；
地图设置中心（pos）；
infowindow=new google.maps.infowindow（）；
var service=newgoogle.maps.places.PlacesService（地图）；
服务.nearbySearch（请求、回调）；
},
函数（）{
手持导航（真）；
});
}否则{
手动定位（假）；
}
函数回调（结果、状态）{
if（status==google.maps.places.PlacesServiceStatus.OK）{
对于（var i=0；i

您必须使用媒体/搜索API在某个位置（

lat/lng

）和

距离附近获取照片：
https://api.instagram.com/v1/media/search?lat=48.858844&lng=2.294351&distance=1000&access_token=ACCESS-TOKEN

下面是一个在谷歌地图上获取任意半径instagram照片的实现：
这是仅通过使用Instagram API实现的，还是您的示例中也使用了谷歌地图API？@LesleyKras它将谷歌地图API用于地图，并使用Instagram API中的dat在地图上加载照片和标记