2015-08-18 76 views
2

我正試圖在離子應用程序中實現谷歌地圖。地圖庫在Web瀏覽器中加載,但在設備上投擲404。離子框架:未在設備上加載谷歌地圖庫

要實現的地圖我已經安裝了「白名單」和下面的「地理位置」插件:

離子插件添加https://github.com/apache/cordova-plugin-whitelist.git

離子插件添加科爾多瓦,插件,地理位置

此外,添加訪問起源=「*」到config.xml。 請幫我在這方面。

謝謝。

+0

請按照本教程[鏈接](https://blog.nraboy.com/2014/10/implement-google-maps-using-ionicframework/) –

回答

3

僅白名單插件是不夠的。您還需要使用正式的白名單插件文檔中提到的適當的安全元標記。

但該文檔中缺少一件事。此元標記必須根據特定需求進行調整,在這種情況下,適用於Google Maps V3 API。

這是一個必要的meta標籤,我可以證實與谷歌地圖工程:如果你需要,你可以找到他們更多的參考資料中關於這個主題我的博客文章

<meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *"> 

http://www.gajotres.net/using-cordova-geoloacation-api-with-google-maps-in-ionic-framework/

我甚至可以給你一個工作的例子。

+0

非常感謝您的快速回復。我試着用上面的meta標籤給出了錯誤: 加載資源失敗:服務器響應404狀態https://maps.googleapis.com/maps/api/js?key= APIKeyhere&sensor = true –

+0

您的設備是否連接到互聯網? – Gajotres

+0

我有完全相同的問題,CSP是正確的,並且頁面仍然響應404 ... – Gp2mv3