Google商家信息图片请求返回undefined

时间:2014-11-12 21:41:13

标签: javascript google-maps google-places-api google-photos

我有一个水平滚动条,显示在地图上,只要通过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

1 个答案:

答案 0 :(得分:0)

方法.getUrl()仅适用于Google商家信息库(换句话说,如果您调用.PlaceServices),您无需使用API​​密钥

new google.maps.places.PlacesService(map)

否则,您需要使用这段代码来获取照片:

https://maps.googleapis.com/maps/api/place/photo?parameters

至少这是我通过阅读Google文档和出于同样原因使用不同代码而理解的内容