changed height of pop ups, added address and phone numbers.

rdavid8 · May 13, 2016 · e6b597f · e6b597f
1 parent 57a6aaa
commit e6b597f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/css/sidebar.css b/css/sidebar.css
@@ -1,7 +1,9 @@
  /*Google Maps Marker Info Window Style */
 div#content {
-  margin: auto;
-  padding: 1%;
+  height: auto;
+  font-weight:bold;
+  font-color: white;
+  text-align: center;
 }
 
 #markerName {

diff --git a/js/google.js b/js/google.js
@@ -157,11 +157,11 @@
       icon: markerImg,
       animation: google.maps.Animation.DROP,
     });
-
+    console.log(obj);
     var contentString = '<div id="content">'+
       '<h3 id="markerName" class="firstHeading">' + obj.name + '</h3>' +
       '<div id="imgArea">'+ '<img src=' + obj.image_url + '>' +'</div>'+
-      '</div>';
+      '<h3>' + obj.address + '</h3>' + '<h4>' + obj.display_phone + '</h4>' + '</div>';
 
     function toggleBounce() {
       if (marker.getAnimation() !== null) {
@@ -183,7 +183,7 @@
       arrowSize: 10,
       minWidth: 50,
       maxWidth: 150,
-      // maxHeight: 170,
+      maxHeight: 225,
       borderWidth: 1,
       borderColor: '#2c2c2c',
       disableAutoPan: true,
@@ -196,7 +196,6 @@
 
     marker.addListener('mouseover', function() {
       infoBubble.open(map, this);
-      // marker.setAnimation(google.maps.Animation.BOUNCE);
     });
 
     marker.addListener('mouseout', function() {