我们需要在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地图中看到的图片不一样 - 它更像是餐馆和商店的徽标。附近的其他地方。如何检索附加的打印屏幕中的图像?
答案 0 :(得分:-2)
根据Dr.Molle的评论,你可以做到 来自
的Class PhotoListWidget一次显示多张照片的小部件。 'setPosition' 需要调用方法让窗口小部件开始显示任何内容。 这允许用户在之后为PHOTO_CHANGED事件安装处理程序 构建小部件但在引发事件之前。照片列表 widget包含排列在网格中的几个“槽”。每个插槽显示 一张照片(或是空的)。插槽的编号从0到(行*列 - 1)。第0个插槽位于左上角。在一个 水平滚动小部件,插槽从顶部到 在内环中的底部,在外环中从左到右;在 一个垂直滚动的小部件,在内部循环中从左到右和 外循环中从上到下。每个插槽都有一个位置 结果集,并在该位置显示照片。插槽' 位置随插槽号增加。小部件的“位置”是 第0个位置的位置。这扩展了panoramio.Widget。