Javascript 无法启动谷歌地图

我正试图通过使用 然而，我有这些错误，尽管我遵循了页面上的指南

所以我用谷歌搜索错误，但我什么也没有得到，但我看到了一些类似的问题，它是由AdBlock引起的，所以我用一个不知名的windows再次测试，这些错误都消失了，但谷歌地图仍然不在我的应用程序上

这是我的全部代码

master.htmlcontain所有src

<script type="text/javascript" src="/static/javascripts/lodash.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-sanitize.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-animate.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-messages.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-aria.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-resource.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.13/angular-ui-router.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angular_material/0.8.2/angular-material.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/satellizer/0.9.4/satellizer.min.js"></script>

<script type="text/javascript" src="/static/javascripts/angular-google-maps.js"></script>
<script type="text/javascript" src="/static/javascripts/loading-bar.js"></script>

controller.js[angular.js]

index.html

---

{map.center}可以显示，但不能显示地图。

我只是在这里猜测，但您尝试过这种方法吗

<ui-gmap-google-map center='{{map.center}}' zoom='{{map.zoom}}'></ui-gmap-google-map>

---

您可能还没有启动基本的GoogleMapAPI

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY">
</script>

---

也许你需要引导谷歌地图API。我通常在我的HTML中使用它，而不是使用ng应用程序：

//手动引导方法，而不是ng app=myApp，以确保 //Google API库是在Angular编译根页面之前下载的/ 功能onGoogleReady{ angular.bootstrapdocument，['myApp']； } 函数加载脚本{ var script=document.createElement'script'； script.type=text/javascript； script.src=https://maps.googleapis.com/maps/api/js?v=3&libraries=places&callback=onGoogleReady; document.body.appendChildscript； } window.onload=loadScript；

---

在没有adblocker的情况下，被客户端阻止的错误是否仍然存在？@campino2k嗨，不，被客户端阻止的错误消失了，正如我在问题上所说的，控制台上没有错误或任何东西，但是我仍然无法在我的应用程序上显示谷歌地图。你在地图上添加了高度和宽度吗？你在css中添加了类似的内容吗。角度谷歌地图容器{高度：400px；}

<div style="width:500px;height:500px;">
    <ui-gmap-google-map center='map.center' zoom='map.zoom'></ui-gmap-google-map>
    {{map.center}}  
    </div>

<ui-gmap-google-map center='{{map.center}}' zoom='{{map.zoom}}'></ui-gmap-google-map>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY">
</script>