獲得來自谷歌的圖像放置照片的API調用

Question

我試圖得到一個形象在這裏的指示以下內容： https://developers.google.com/places/web-service/photos#photo_references

一切順利：我收到的圖像（可以保存圖片，如果我願意的話）。我還應該指出我正在使用python。

我想知道是否有一個簡單的方法來顯示接收到的圖像在網頁中（我使用接收的圖像在呈現的HTML頁面），而無需通過保存圖像到文件的過程，然後鏈接文件。

希望這是明確的。謝謝。

Answer 1

最簡單的選擇是在網頁中只做<img src="https://maps.googleapis.com/maps/api/place/photo?photo_reference=..." />，而不是在服務器上執行該URL的GET。

它的缺點是它暴露你的API密鑰給任何人查看網頁。有多種方法來避免這種情況，用不同的權衡：通過你的服務器（可以強制執行請求的方式從頁面來源，例如通過檢查HTTP引用頭）要求

1. 代理。例如。你的服務器上的URL路徑，如/getphoto?photo_reference=...&maxwidth=...，然後觸發一個GET到谷歌的地方API與這些參數加上您的API密鑰添加，並通過迴應，或
2. 使用Places library for the Javascript Google Maps API（您可以使用瀏覽器密鑰安全地暴露在您的網站上），或
3. 做GET請求服務器端，並將圖像編碼爲<img src="data:image/png;base64,...">標籤。除非你只提取縮略圖大小的圖片，否則我不推薦這個選項。它會給你的頁面加載時間增加很大的延遲，並給你的服務器帶來很大的內存開銷。