我有一个水平滚动条,显示在地图上,只要通过Google地方信息请求特定的地点并放置标记。
我的想法是,让这个水平滚动条使用Google地方照片请求显示每个返回场地的图片。但是,Google建议使用的.getUrl()方法会返回'未捕获的TypeError:undefined不是函数';虽然我收到一个对象数组,每个对象都有一组照片。
以下是我的代码的一部分:
for (var i = 0, place; place = venueData[i]; i++) {
if (place.photos) {
var photo = place.photos[0].getUrl({ 'maxWidth': 100, 'maxHeight': 100 });
$('.venues-display').append('<li><div class = venue-picture><img src='+photo+'></div></li>')
}
else {
$('.venues-display').append('<li><div class = venue-picture><img src='+ place.icon + '></div></li>')
}
我得到的错误指向getUrl()的行。
venueData变量 - 是从Google商家信息文本搜索返回的对象数组。
'。场地显示' - 是我的滚动条的类名。
我是一个新手......并且变得绝望,因为我无法理解我做错了什么。
Pleeease heeeelp
答案 0 :(得分:0)
方法.getUrl()仅适用于Google商家信息库(换句话说,如果您调用.PlaceServices),您无需使用API密钥
new google.maps.places.PlacesService(map)
否则,您需要使用这段代码来获取照片:
https://maps.googleapis.com/maps/api/place/photo?parameters
至少这是我通过阅读Google文档和出于同样原因使用不同代码而理解的内容