index.jsp

<%--
  Project ID:  patrolserver
  Project number:  1027812495020
  Created by IntelliJ IDEA.
  User: admin
  Date: 02-Mar-16
  Time: 13:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html ng-app>
  <head>
    <title></title>
    <link rel="stylesheet" href="node_modules/bower/bower_components/bootstrap/dist/css/bootstrap.css">
    <%--<script src="node_modules\bower\bower_components\angular\angular.js"></script>
    <%--<link rel="stylesheet" href="/css/app.css">--%>

    <script>
      function TheController($scope) {
        $scope.buttonText = 'Click me to change foo!';
        $scope.foo = 42;

        $scope.changeFoo = function () {
          $scope.foo += 1;
          alert('Foo changed');
        };
      }
    </script>

    <style>
      #map {
        width: 500px;
        height: 400px;
        background-color: #CCC;
      }
    </style>
  </head>

  <body ng-controller="TheController">
    <h1>Hello World!</h1>

    <input ng-model="foo" value="bar">
    <!-- Button tag with ng-click directive, and
           string expression 'buttonText'
           wrapped in "{{ }}" markup -->
    <button ng-click="changeFoo()">{{buttonText}}</button>
    <script src="/node_modules/bower/bower_components/angular/angular.js"></script>


    <div id="map"></div>
    <script>
      function initMap() {
        var mapDiv = document.getElementById('map');
        var map = new google.maps.Map(mapDiv, {
          center: {lat: 44.540, lng: -78.546},
          zoom: 8
        });
      }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
            async defer>
    </script>

    <div ng-app="">

      <p>Input something in the input box:</p>
      <p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
      <h1>Hello {{name}}</h1>

    </div>

  </body>
</html>