2014-03-24 40 views
2

我正在使用角谷歌地圖來處理角度應用谷歌地圖。爲此,我必須將angular-google-maps.js添加到該項目中。 頁面工作沒有任何錯誤,如果我以下列方式添加腳本:

<script type="text/javascript" 
     src="http://www.directiv.es/application/html/js/nlaplante/angular-google-maps/angular-google-maps.js"></script> 

但它不會工作,如果我使用本地副本,就像這樣:

<script type="text/javascript" 
     src="js/libs/directiv.es/angular-google-maps.js"></script> 

看着螢火蟲,我看到了angular-google-maps.js文件被加載,但在這種情況下,會出現以下錯誤:

Uncaught Error: [$injector:modulerr] Failed to instantiate module mapsApp due to: 
Error: [$injector:modulerr] Failed to instantiate module google-maps due to: 
Error: [$injector:nomod] Module 'google-maps' is not available! You either misspelled the...<omitted>...1) 

在網上搜索小時,我沒有發現任何理由或SOLUT離子。也許你有一個想法或暗示,如何找到原因?

+0

你確定了角谷歌-maps.js文件之前加載你實例化你的角度模塊? – JoseM

+0

我已經在「引導」應用程序之前嘗試了超時2秒。但沒有改變。在引導應用程序之後發生角度模塊的實例化,對吧?並且:從http加載'.js'文件應該比鏈接到本地​​版本慢得多。但本地版本失敗。說明一下嗎? –

+0

你是否用點創建了文件夾「directiv.es」?因爲你包含這種方式

回答

4

我找到了解決方案並且喜歡在這裏寫下這個案例,這個人遇到了同樣的問題。

在我的情況下,我從github下載了angular-google-maps擴展,提取了windows上的zip文件並將該文件複製到了我的項目中。結果,發生錯誤:Failed to instantiate module google-maps due to ...同時通過http加載「相同」的js文件一切正常。重點是:它不是同一個文件!

的解決方案是從URL鏈接和存儲本地取文件:

也許在下載或提取過程中,zip文件被打破。也許有人品問題。隨你。

如果我在瀏覽器中打開該鏈接http://www.directiv.es/application/html/js/nlaplante/angular-google-maps/angular-google-maps.js,我可以右鍵單擊該文件並在「源代碼」編輯器中打開源文件並將該文件保存在磁盤上。

現在我可以複製新創建的文件到這樣的位置,我的項目文件夾:js/libs/directiv.es/angular-google-maps.js,一切工作正常.....