2017-02-27 75 views
-1

我试图找到附近的地方使用谷歌nearbyAPI,其工作如预期。但是,问题是我无法从json响应中获取地点图像。请看下面的代码。如何从谷歌附近的搜索API

{ 
    "geometry": { 
    "location": { 
     "lat": 24.331058, 
     "lng": 54.623759 
    }, 
    "viewport": { 
     "northeast": { 
     "lat": 24.332406980291, 
     "lng": 54.625107980292 
     }, 
     "southwest": { 
     "lat": 24.329709019708, 
     "lng": 54.622410019708 
     } 
    } 
    }, 
    "icon": "https://maps.gstatic.com/mapfiles/place_api/icons/lodging-71.png", 
    "id": "6c79339941d125d001a2116834f3257346b150bd", 
    "name": "Mafraq Hotel & Resort", 
    "photos": [{ 
    "height": 4032, 
    "html_attributions": [ 
     "<a href=\"https://maps.google.com/maps/contrib/100504071164796744561/photos\">ناصر الكعبي</a>" 
    ], 
    "photo_reference": "CoQBdwAAAF_hJoCjWHzDXpfEWbS-Ubg3cPB1Eac2y7fy6HM0q1sb4TyOZdci4LUQi7Z8TYXVw-ZbjeSDXkg-wwHjr67Ib2Aluv5QChRl3C97gTmlseV7UpUnvyW3Vt4GmcyQGRhfEkhjimbqjkUE8qC-8dt7thsRXzw7TIaBrEii1wK5C7gUEhCfuLSsZdEZkgoMEy0luSyeGhTfNMKnTkqmzUlUtTwdO7Gwx8tDYQ", 
    "width": 3024 
    }], 
    "place_id": "ChIJbURih5o3Xj4R4qP2Jcu8C8k", 
    "rating": 3.9, 
    "reference": "CmRSAAAAMdmAyoaneUbzSmqHVbG_SFpgdcRjKSxQcHmVLKO518kINmhukPJF5Qo8tju2Su7uekMOXRw5jJxiNbBzjHY7Cd72FjnYEbx87N2F3OZoAUfUC9XuJ52uJmiJtXKRk9SkEhAg9HLkwuO58r4iVvgBqnY8GhTVfRwqPvEULqLIqmYlyA3U6h_1pg", 
    "scope": "GOOGLE", 
    "types": [ 
    "gym", 
    "lodging", 
    "health", 
    "restaurant", 
    "food", 
    "point_of_interest", 
    "establishment" 
    ], 
    "vicinity": "Sheikh Maktoum Bin Rashid Road, Al Mafraq" 
} 

我得到一个照片阵列:

"photos": [{ 
    "height": 4032, 
    "html_attributions": [ 
    "<a href=\"https://maps.google.com/maps/contrib/100504071164796744561/photos\">ناصر الكعبي</a>" 
    ], 
    "photo_reference": "CoQBdwAAAF_hJoCjWHzDXpfEWbS-Ubg3cPB1Eac2y7fy6HM0q1sb4TyOZdci4LUQi7Z8TYXVw-ZbjeSDXkg-wwHjr67Ib2Aluv5QChRl3C97gTmlseV7UpUnvyW3Vt4GmcyQGRhfEkhjimbqjkUE8qC-8dt7thsRXzw7TIaBrEii1wK5C7gUEhCfuLSsZdEZkgoMEy0luSyeGhTfNMKnTkqmzUlUtTwdO7Gwx8tDYQ", 
    "width": 3024 
}], 

但是,我不知道我怎样才能从这个阵列信息创建的图像。 (我正在与网页api和我需要的图像网址)

任何帮助,真的不胜感激。

由于提前

+1

如果我按照[地方照片文件]中的说明( https://developers.google.com/places/web-service/photos),我得到一个显示图片的图片网址。你如何试图显示图像? – geocodezip

回答

0

使用photo_reference

https://maps.googleapis.com/maps/api/place/photo?maxwidth=400&photoreference=

获取图片网址:

let data = {} // the json response 

let url = "https://maps.googleapis.com/maps/api/place/photo?maxwidth=400&photoreference="; 

let photoRef = data["photos"][0]["photo_reference"]; 

let imageUrl = url + photoRef; 
+0

我不得不把他们的关键在网址。除此之外,它的工作。谢谢 –