Angularjs 角度UI映射加载

我曾尝试按照指南将谷歌地图集成到我的项目中，但我不太明白我会错在哪里。我也犯了一个奇怪的错误

我加载以下脚本：

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/underscore/underscore.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-ui-map/ui-map.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
<script src="bower_components/angular-resource/angular-resource.min.js"></script>
<script src="bower_components/angular-animate/angular-animate.min.js"></script>
<script src="bower_components/angular-strap/dist/angular-strap.min.js"></script>
<script src="bower_components/angular-strap/dist/angular-strap.tpl.min.js"></script>
<script src="bower_components/angular-ui-map/ui-map.min.js"></script>
<script src="bower_components/angular-ui-utils/ui-utils.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=mykey&sensor=false&callback=onGoogleReady"></script>

一点

---

我做错了什么？

好的，我通过在第一个而不是最后一个加载Google API来让它工作

调用angular.bootstrap时，是否确定DOM中存在id映射为的元素？是的，它确实存在。我已经在问题中添加了html，您在使用带角带的ui地图时是否遇到任何问题？我也在考虑。

 var app = angular.module('app', [
    'ngRoute',
    'AppControllers',
    'AppFactories',
    'ngSanitize',
    'AppDirectives',
    'ngResource',
    'ngAnimate',
    'mgcrea.ngStrap',
    'ui.map' <---- angular map ui
  ]);

 <section id="map" style="height:400px;width:400px;">
    <div ui-map="myMap" ui-options="mapOptions" class="map-canvas"></div>
    </section>

function onGoogleReady() {
  console.log('Google maps api initialized.');
  angular.bootstrap(document.getElementById('map'), ['app.ui-map']);
}