0

每当通过 Google Places 请求特定场所并放置标记时,我都会在地图上显示一个水平滚动条。

我的想法是让这个水平滚动条使用 Google Places Photo 请求显示每个返回场地的图片。但是,Google 建议使用的 .getUrl() 方法返回给我一个'Uncaught TypeError: undefined is not a function';尽管我确实收到了一组对象,并且每个对象都有一组照片。

这是我的代码的一部分:

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() 的行。

场地数据变量- 是从 Google Places 文本搜索返回的对象数组。

'.venues-display' - 是我的滚动条的类名。

我是一个新手......并且变得绝望,因为我不明白我做错了什么。

请帮帮忙

4

1 回答 1

0

.getUrl() 方法仅适用于 Google Places Library(换句话说,如果您调用 .PlaceServices),您不需要使用 API 密钥

new google.maps.places.PlacesService(map)

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

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

至少这是我通过阅读 Google 文档并出于相同原因使用不同代码段所理解的

于 2014-11-25T01:13:46.190 回答