2

我正在使用 angular-google-maps 在 Angular 应用程序中处理谷歌地图。为此，我必须将其添加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>

查看 firebug，我看到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)

在网上搜索了几个小时，我没有找到任何原因或解决方案。也许你有一个想法或提示，如何找到原因？

4

1 回答 1

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一切正常......

于 2014-03-25T13:34:11.140 回答