2017-08-18 7 views
0

GoogleのPlace Photos documentationphoto_referenceのキーを近くの検索、レーダー、または場所の詳細サービスへのリクエストから取得する必要があります。Googleプレイスフォトのリクエストを作成するために、photo_referenceの値はどこから取得できますか?

私は10の要素で写真の配列を受け取っていますが、これらの要素にはheight,widthhtml_attributionというキーしか含まれていません。私はここで何かを見逃しているのですか、またはドキュメントを更新せずにAPIを変更しましたか?ここで

placeが応答である詳細は、配置する私の要求です:

export function placeDetailsFetchData(placeId) { 
    return (dispatch) => { 
    const request = { placeId }; 
    const service = new google.maps.places.PlacesService(document.createElement('div')); 

    service.getDetails(request, (place, status) => { 
     if (status == google.maps.places.PlacesServiceStatus.OK) { 
     dispatch({ 
      type: PLACE_DETAILS_FETCH_DATA_SUCCESS, 
      place 
     }); 
     } else { 
     dispatch(placeDetailsHasErrored(true)); 
     } 
    }); 
    } 
} 

は、ここで応答した写真値です:

[ 
    { 
    "height": 3024, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/109733975839515761188/photos\">Chris Bair</a>" 
    ], 
    "width": 4032 
    }, 
    { 
    "height": 2992, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/100217631342523519461/photos\">Samir Soriano</a>" 
    ], 
    "width": 4000 
    }, 
    { 
    "height": 453, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/106775786962992563502/photos\">Frisco Fried</a>" 
    ], 
    "width": 604 
    }, 
    { 
    "height": 5312, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/111414489430298948350/photos\">Tu Lam</a>" 
    ], 
    "width": 2988 
    }, 
    { 
    "height": 1920, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/109551371558914502695/photos\">Kenny Reed</a>" 
    ], 
    "width": 2560 
    }, 
    { 
    "height": 4160, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/110844988640416794228/photos\">Vicious V</a>" 
    ], 
    "width": 3120 
    }, 
    { 
    "height": 2576, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/103079141129202103200/photos\">Romayne Ward</a>" 
    ], 
    "width": 1932 
    }, 
    { 
    "height": 5312, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/103167182117207780142/photos\">Michael C</a>" 
    ], 
    "width": 2988 
    }, 
    { 
    "height": 1836, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/116997882870097389214/photos\">Sam Johnson</a>" 
    ], 
    "width": 3264 
    }, 
    { 
    "height": 4032, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/113862636441079805689/photos\">Wes Wu</a>" 
    ], 
    "width": 3024 
    } 
] 

答えて

1

google.maps.places.PlacePhotoオブジェクトはのURLを返すメソッドgetUrl()を提供します場所の写真。このメソッドを使用してimageのURLを取得すると、Maps JavaScript APIは写真参照を公開しません。

は詳細についてのドキュメントを見てください:

https://developers.google.com/maps/documentation/javascript/reference#PlacePhoto

place.photos.forEach(function (placePhoto) { 
    var url = placePhoto.getUrl({ 
     maxWidth: 600, 
     maxHeight: 400 
    }); 
}); 
関連する問題