2017-08-19 13 views
0

私はGoogle places APIを使用して自分の写真で場所のリストを取得しようとしています。 私は応答を変数vm.locationListに格納しています。私の見解では、この変数を繰り返して位置リストを表示しています。続き は、私はimgタグのsrc属性でのHTTP URLリクエストを置く写真を取得するためのコード今写真をgoogle apiでリクエストするimg src

<div ng-repeat = "(key, value) in vm.locationList"> 
<div class="panel panel-primary"> 
    <div class="panel-body"> 
    <div class="col-md-2"> 
     <div class="pull-left thumbnail"> 
     <span ng-if="vm.getPhotos"> 
     <img src="https://maps.googleapis.com/maps/api/place/photo?maxwidth=150&photoreference={{value.photos[0].photo_reference}}&key=API_KEY" class="img-responsive" style="margin-right:10px;"> 
     </span> 
     </div> 
    </div> 
    <div class="col-md-10"> 
     <h4><b>{{value.name}}</b></h4> 
     <p><i class="fa fa-map-marker" style="color:red"></i>&nbsp;{{value.vicinity}}</p> 
     <p> open now: {{value.opening_hours.open_now}}</p> 
    </div> 
    <div ng-repeat = "type in value.types"> 
     <p style="float:left;width:20%" class="tags">{{type}}<p> 
    </div> 
    </div> 

</div> 

です。私はリストとの写真を取得していますが、私は悪い要求を言ってコンソールでエラーが表示されます。続き は、私は、コンソールに

GET https://maps.googleapis.com/maps/api/place/photo?maxwidth=150&photoreference={{value.photos[0].photo_reference}}&key=API_KEY 400() 

を取得していますエラーであり、ここで私はミスをやっていたところ、私が持っているHTTPレスポンス

<title>Error 400 (Bad Request)!!1</title> 

<a href=//www.google.com/><span id=logo aria-label=Google></span></a> 
<p><b>400.</b> <ins>That’s an error.</ins> 
<p>Your client has issued a malformed or illegal request. <ins>That’s all we know.</ins> 

答えて

0

大丈夫です。 src属性の代わりにAngularのng-srcを使用しました。今はうまく動作します。バインディングは早く動作していませんでした。私は拘束力が働いていないにもかかわらずイメージが現れていたので、混乱しました。

関連する問題