talfi

.angular-google-map-container { 
	height: 500px; 
}

talfi

<div class="map">
<!-- はまったポイント
ui-gmap-google-mapの部分がgoogle-mapになっていることが多かった -->
  <ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true">
  <!-- はまったポイント
  coords="'self'" を coords="self" という単純な記載ミスに20分悩む -->
    <ui-gmap-markers models="markers" coords="'self'" icon="'icon'"></ui-gmap-markers>
  </ui-gmap-google-map>
</div>

talfi

angular.module('MapApp')
  .controller('MapCtrl', function ($scope) {

    $scope.map = {
      // マップ初期表示の中心地
      center: { 
        latitude: 35.457624,
        longitude: 139.633337
      }, 
      // マップ初期表示の拡大

talfi

angular
  .module('mapApp', [
    'ngAnimate',
    'ngCookies',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    /** はまったポイント
    * この部分を「google-maps」としているサイトが多かった              

talfi

<script src='//maps.googleapis.com/maps/api/js?sensor=false'></script>
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-touch/angular-touch.js"></script>

talfi

//"ほげ"であることの検証
$("form").hoge == "ほげ"

//"アットウェア"を入力
$("form").hoge = "アットウェア"

//"アットウェア"であることの検証
$("form").hoge == "アットウェア"

talfi

<form>
   <input type="text" name="hoge" value="ほげ" />
</form>