Angular1.3 で google mapを表示

AngularJSでgoogleMapを表示したいと思っています。
しかし、色々なサイトを参考に試しているのですがうまくいきません。

lang
1<!-- index.html -->
2.
3.
4.
5
6<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
7<script src="http://code.angularjs.org/1.3.0/angular.min.js"></script>
8<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
9<script type="text/javascript" src="google-map/underscore.js"></script>
10<script type="text/javascript" src="google-map/angular-google-maps.min.js"></script>
11<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
12<script src="map.js"></script>
13
14<style>
15    .angular-google-map-container {
16        height: 400px;
17    }
18</style>
19.
20.
21.
22
23<div ng-app = "mapApp" ng-controller = "mapController">
24    <google-map id="map-canvas" center="map.center" zoom="map.zoom" draggable="true" bounds="map.bounds" events="map.events" options="map.options" control="map.control">
25    </google-map>
26</div>
27.
28.
29.
30

lang
1//map.js
2
3angular.module("mapApp", ["google-maps"]),
4angular.module("mapApp", []).controller("mapController", ["$scope", function($scope) {
5
6    console.log("map");
7
8        angular.extend($scope, {
9            map: {
10                center: {
11                    latitude: 35.681382,
12                    longitude: 139.766084
13                },
14                zoom: 14,
15                bounds: {},
16                events: {},
17                options: {
18                    panControl: true,
19                    zoomControl: true,
20                    mapTypeControl: true,
21                    scaleControl: true,
22                    streetViewControl: true,
23                    overviewMapControl: true,
24                    rotateControl: true,
25                    maxZoom: 20,
26                    minZoom: 10,
27                    mapTypeId: google.maps.MapTypeId.TERRAIN
28                }
29            }
30        });
31
32}]);
33
34

以下のサイトを参考にコードを記述しました。
http://urx.nu/iX3d

どの部分がまずいのかと、実装方法を教えていただきたいです。
それと<google-map>と<ui-gmap-google-map>ディレクティブは何が違うのでしょうか。
googleのhttp://angular-ui.github.io/angular-google-maps/#!/では後者が使われていました。

よろしくお願いいたします。