沒有'訪問控制允許來源'標題與XML（谷歌地方API）

Question

我想與谷歌地方api工作一個小項目。 我想顯示我附近的所有商店。我嘗試了下面的AJAX請求，結果沒有出現'Access-Control-Allow-Origin'標頭錯誤。經過一番研究後，我明白了爲什麼會出現這個錯誤，但我找不到一個可靠的解決方案（我不想安裝一個插件，因爲它必須在所有計算機上工作）。我得到了「未捕獲的SyntaxError：意外的標記：」，因爲我得到的響應使用：「未捕獲的SyntaxError：意外的標記：」因爲我得到的響應使用：而不是=（我認爲）。

我一直在尋找很多信息，並嘗試了很多東西，希望你們能幫助我。

$.ajax({ 
    type: "GET", 
    url: 'https://maps.googleapis.com/maps/api/place/textsearch/xml?', 
    data: { 
     key: "MY KEY", 
     query: "supermarket", 
     location: "x,y", 
     radius: "5000", 
     opennow: "true" 
    } 
}).done(function (data, textStatus, jqXHR) { 
    console.log(data) 
}).fail(function (jqXHR, textStatus, errorThrown) { 
    console.log("fail: " + textStatus); 
}); 

Answer 1

未在Google後端服務器上爲Places API Web服務設置CORS標頭。因此，由於瀏覽器的同源策略，您將無法從客戶端JavaScript代碼調用Places API Web服務。

爲了在客戶端JavaScript上使用Places，您必須使用Google Maps JavaScript API的Places庫。場所圖書館附近有文字搜索功能，與相應的網絡服務非常相似。

欲瞭解更多詳情，請看看文檔：

https://developers.google.com/maps/documentation/javascript/places

希望它能幫助！