style and location

Wello/www/css/desktop.css

@@ -12,6 +12,10 @@
 		align-items: center;
 	}
 
+	main.list h1{
+		display: block;
+	}
+
 	main.list a{
 		width: 75%;
 		max-width: 41rem;

Wello/www/css/main.css

@@ -129,10 +129,12 @@ div.intro{
 }
 nav h1{
     flex-grow: 1;
-    margin: 0;
+    margin: 0 0;
 	font-size: 1.5rem;
 }
-
+h1.title{
+  display: none;
+}
 nav.top-nav {
   position: fixed;
   top: 0;
@@ -435,6 +437,10 @@ main.search{
 	margin-top: 4.2rem;
 }
 
+main.list{
+  margin-top: 66px;
+  margin-bottom: 66px;
+}
 
 /* ==========================================================================
    Helper classes

Wello/www/js/main.js

@@ -20,3 +20,20 @@ $('select').change(function() {
     };
 
 });
+
+var x = document.getElementById("demo");
+
+function getLocation() {
+    if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition(showPosition);
+    } else { 
+        x.innerHTML = "Geolocation is not supported by this browser.";
+    }
+}
+
+function showPosition(position) {
+    $("#gps-coordinates-latitude").val(position.coords.latitude);
+    $("#gps-coordinates-longitude").val(position.coords.longitude);
+    //x.innerHTML = "Latitude: " + position.coords.latitude + 
+    //"<br>Longitude: " + position.coords.longitude;
+}

maps.js → Wello/www/maps.js

@@ -1,84 +1,84 @@
-var map;
-var infoWindow;
-
-// markersData variable stores the information necessary to each marker
-// figure out a way to import mapData
-
-
-function initialize() {
-   var mapOptions = {
-      center: new google.maps.LatLng(40.601203,-8.668173),
-      zoom: 9,
-      mapTypeId: 'roadmap',
-   };
-
-   map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
-
-   // a new Info Window is created
-   infoWindow = new google.maps.InfoWindow();
-
-   // Event that closes the Info Window with a click on the map
-   google.maps.event.addListener(map, 'click', function() {
-      infoWindow.close();
-   });
-
-   // Finally displayMarkers() function is called to begin the markers creation
-   displayMarkers();
-}
-google.maps.event.addDomListener(window, 'load', initialize);
-
-
-// This function will iterate over markersData array
-// creating markers with createMarker function
-function displayMarkers(){
-
-   // this variable sets the map bounds according to markers position
-   var bounds = new google.maps.LatLngBounds();
-
-   // for loop traverses markersData array calling createMarker function for each marker
-   for (var i = 0; i < markersData.length; i++){
-
-      var latlng = new google.maps.LatLng(markersData[i].lat, markersData[i].lng);
-      var name = markersData[i].name;
-      var address1 = markersData[i].address1;
-      var address2 = markersData[i].address2;
-      var postalCode = markersData[i].postalCode;
-
-      createMarker(latlng, name, address1, address2, postalCode);
-
-      // marker position is added to bounds variable
-      bounds.extend(latlng);
-   }
-
-   // Finally the bounds variable is used to set the map bounds
-   // with fitBounds() function
-   map.fitBounds(bounds);
-}
-
-// This function creates each marker and it sets their Info Window content
-function createMarker(latlng, name, address1, address2, postalCode){
-   var marker = new google.maps.Marker({
-      map: map,
-      position: latlng,
-      title: name
-   });
-
-   // This event expects a click on a marker
-   // When this event is fired the Info Window content is created
-   // and the Info Window is opened.
-   google.maps.event.addListener(marker, 'click', function() {
-
-      // Creating the content to be inserted in the infowindow
-      var iwContent = '<div id="iw_container">' +
-            '<div class="iw_title">' + name + '</div>' +
-         '<div class="iw_content">' + address1 + '<br />' +
-         address2 + '<br />' +
-         postalCode + '</div></div>';
-
-      // including content to the Info Window.
-      infoWindow.setContent(iwContent);
-
-      // opening the Info Window in the current map and at the current marker location.
-      infoWindow.open(map, marker);
-   });
-}
+var map;
+var infoWindow;
+
+// markersData variable stores the information necessary to each marker
+// figure out a way to import mapData
+
+
+function initialize() {
+   var mapOptions = {
+      center: new google.maps.LatLng(40.601203,-8.668173),
+      zoom: 9,
+      mapTypeId: 'roadmap',
+   };
+
+   map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
+
+   // a new Info Window is created
+   infoWindow = new google.maps.InfoWindow();
+
+   // Event that closes the Info Window with a click on the map
+   google.maps.event.addListener(map, 'click', function() {
+      infoWindow.close();
+   });
+
+   // Finally displayMarkers() function is called to begin the markers creation
+   displayMarkers();
+}
+google.maps.event.addDomListener(window, 'load', initialize);
+
+
+// This function will iterate over markersData array
+// creating markers with createMarker function
+function displayMarkers(){
+
+   // this variable sets the map bounds according to markers position
+   var bounds = new google.maps.LatLngBounds();
+
+   // for loop traverses markersData array calling createMarker function for each marker
+   for (var i = 0; i < markersData.length; i++){
+
+      var latlng = new google.maps.LatLng(markersData[i].lat, markersData[i].lng);
+      var name = markersData[i].name;
+      var address1 = markersData[i].address1;
+      var address2 = markersData[i].address2;
+      var postalCode = markersData[i].postalCode;
+
+      createMarker(latlng, name, address1, address2, postalCode);
+
+      // marker position is added to bounds variable
+      bounds.extend(latlng);
+   }
+
+   // Finally the bounds variable is used to set the map bounds
+   // with fitBounds() function
+   map.fitBounds(bounds);
+}
+
+// This function creates each marker and it sets their Info Window content
+function createMarker(latlng, name, address1, address2, postalCode){
+   var marker = new google.maps.Marker({
+      map: map,
+      position: latlng,
+      title: name
+   });
+
+   // This event expects a click on a marker
+   // When this event is fired the Info Window content is created
+   // and the Info Window is opened.
+   google.maps.event.addListener(marker, 'click', function() {
+
+      // Creating the content to be inserted in the infowindow
+      var iwContent = '<div id="iw_container">' +
+            '<div class="iw_title">' + name + '</div>' +
+         '<div class="iw_content">' + address1 + '<br />' +
+         address2 + '<br />' +
+         postalCode + '</div></div>';
+
+      // including content to the Info Window.
+      infoWindow.setContent(iwContent);
+
+      // opening the Info Window in the current map and at the current marker location.
+      infoWindow.open(map, marker);
+   });
+}