2017-08-19 2 views
0

J'essaie d'obtenir la liste de l'emplacement avec leurs photos en utilisant google place api. Je stocke la réponse dans une variable vm.locationList. À mon avis, je suis itérer sur cette variable pour montrer la liste de lieux. Voici le codeLieu photos avec google api dans 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> 

Maintenant, pour obtenir la photo je place http demande d'URL dans l'attribut src de la balise img. Bien que j'obtienne des photos avec la liste mais je vois l'erreur dans la console disant la mauvaise demande. Ce qui suit est l'erreur que je reçois dans la console

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

Et voici la réponse 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> 

Répondre

0

D'accord, j'ai où je faisais erreur. J'ai utilisé ng-src d'Angular à la place de l'attribut src. Maintenant, ça fonctionne bien. La liaison ne fonctionnait pas plus tôt. Je suis confus car même si la liaison ne fonctionnait pas, l'image apparaissait.