Index: trunk/webapps/cptms/CalloutMapPrototype.html
===================================================================
--- trunk/webapps/cptms/CalloutMapPrototype.html	(revision 526)
+++ trunk/webapps/cptms/CalloutMapPrototype.html	(revision 526)
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+    <meta charset="utf-8">
+    <title>Callout Map Prototype</title>
+    <style>
+      /* Always set the map height explicitly to define the size of the div
+       * element that contains the map. */
+      #map {
+        height: 100%;
+      }
+      /* Optional: Makes the sample page fill the window. */
+      html, body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="map"></div>
+    <script>
+
+  // This example creates a simple polygon representing the a Triangle.
+  // Constant for map center location in District 12
+  var centerPoint = {
+        lat: 33.693385,
+        lng: -117.798937
+    };
+  // Initial map zoom
+  var initZoom = 11;
+
+      // Initialize the map
+      function initMap() {
+        var map = new google.maps.Map(document.getElementById('map'), {
+          zoom: initZoom,
+          center: centerPoint,
+          mapTypeId: 'terrain',
+            mapTypeControl: false,
+            streetViewControl: false,
+			fullscreenControl: false
+        });
+
+        // Define the LatLng coordinates for the polygon's path.
+        var triangleCoords = [
+          {lat: 33.521694, lng: -117.666444},
+          {lat: 33.725583, lng: -117.8345},
+          {lat: 33.6543, lng: -117.9876}
+        ];
+
+        // Construct the polygon.
+        var bigTriangle = new google.maps.Polygon({
+          paths: triangleCoords,
+          strokeColor: '#FF0000',
+          strokeOpacity: 0.8,
+          strokeWeight: 2,
+          fillColor: '#FF0000',
+          fillOpacity: 0.25
+        });
+        bigTriangle.setMap(map);
+      }
+    </script>
+    <!-- Project API Key -->
+    <script async defer
+    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJuoPR3s6_qekC-GA1v5rvTcVocL3AXHE&libraries=places&callback=initMap"></script>
+
+  </body>
+</html>
