地理坐标附近的Google用户图片

时间:2015-03-06 13:36:58

标签: javascript google-maps google-maps-api-3 photo

我们需要在Web应用程序中显示给定位置(lat / lng)附近的图像。您在访问maps.google.com并点击左侧的“照片”时看到的相同图片。

我想出了那段代码:

google.maps.event.addListener(marker, 'click', function(mk) {

    var size = 200;
    var radius = 500000;

    var lng = marker.latLng.D;
    var lat = marker.latLng.k;

    var images = [];
    var request = {
        location : {
            lat : lat,
            lng : lng
        },
        radius : radius,
    };

    service = new google.maps.places.PlacesService(map);
    service.nearbySearch(request, function(data) {
        $.each(data, function(index, loc) {
            var photos = loc.photos;
            if (photos) {
                for (var i = 0; i < photos.length; i++) {
                    images.push(photos[i].getUrl({
                        'maxWidth' : size,
                        'maxHeight' : size
                    }));
                }
            }
        });

        console.log(images);

    });
});

不幸的是,这些图片与您在Google地图中看到的图片不一样 - 它更像是餐馆和商店的徽标。附近的其他地方。如何检索附加的打印屏幕中的图像?

enter image description here

1 个答案:

答案 0 :(得分:-2)

根据Dr.Molle的评论,你可以做到 来自

Class PhotoListWidget
  

一次显示多张照片的小部件。 'setPosition'   需要调用方法让窗口小部件开始显示任何内容。   这允许用户在之后为PHOTO_CHANGED事件安装处理程序   构建小部件但在引发事件之前。照片列表   widget包含排列在网格中的几个“槽”。每个插槽显示   一张照片(或是空的)。插槽的编号从0到(行*列 -   1)。第0个插槽位于左上角。在一个   水平滚动小部件,插槽从顶部到   在内环中的底部,在外环中从左到右;在   一个垂直滚动的小部件,在内部循环中从左到右和   外循环中从上到下。每个插槽都有一个位置   结果集,并在该位置显示照片。插槽'   位置随插槽号增加。小部件的“位置”是   第0个位置的位置。这扩展了panoramio.Widget。