add asentus template

web/construction/asentus/HTML/js/components/gmap.js

@@ -0,0 +1,73 @@
+"use strict";
+
+window.initMap = function() {
+  var customMapType = new google.maps.StyledMapType([
+    {
+      stylers: [
+        {'saturation': -100},
+        {'lightness': 50},
+        {'visibility': 'simplified'}
+      ]
+    },
+    {
+      elementType: 'labels',
+      stylers: [{visibility: 'on'}]
+    },
+    {
+      featureType: 'road',
+      stylers: [{color: '#bbb'}]
+    }
+  ], {
+    name: 'Dublin'
+  });
+
+  var image = new google.maps.MarkerImage(
+  	'img/widgets/gmap-pin.png',
+  	new google.maps.Size(48,54),
+  	new google.maps.Point(0,0),
+  	new google.maps.Point(24,54)
+	);
+
+  var customMapTypeId = 'custom_style';
+
+  var brooklyn = {lat: 41.850, lng: -73.961};
+  var map = new google.maps.Map(document.getElementById('map'), {
+    zoom: 6,
+    scrollwheel: false,
+    streetViewControl: false,
+    mapTypeControl: false,
+    center: brooklyn, // Brooklyn.
+    mapTypeControlOptions: {
+      mapTypeIds: [google.maps.MapTypeId.ROADMAP, customMapTypeId]
+    }
+  });
+
+  var contentString = '<div id="content">'+
+    '<div id="siteNotice">'+
+    '</div>'+
+    '<h1 id="firstHeading" class="firstHeading">Brooklyn</h1>'+
+    '<div id="bodyContent">'+
+    '<p>277 Bedford Avenue, <br> Brooklyn, NY 11211, <br> New York, USA</p>'+
+    '</div>'+
+    '</div>';
+
+  var infowindow = new google.maps.InfoWindow({
+    content: contentString,
+    maxWidth: 300
+  });
+
+  var marker = new google.maps.Marker({
+    map: map,
+    clickable: true,
+    icon: image,
+    title: 'Brooklyn',
+    position: brooklyn
+  });
+
+  marker.addListener('click', function() {
+    infowindow.open(map, marker);
+  });
+
+  map.mapTypes.set(customMapTypeId, customMapType);
+  map.setMapTypeId(customMapTypeId);
+}