Fixed the point plotter. Just small error actually! Just need to make…

… sure you're using the map variable you defined outside of the init function. Notice, that you created another map variable inside the init function.
joh13010 · Jan 10, 2017 · b5eeccf · b5eeccf
1 parent 54a5c83
commit b5eeccf
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 15 deletions.
diff --git a/Main.html b/Main.html
@@ -13,7 +13,7 @@
 
   <style>
     #map-canvas {
-      height: 100% 
+      height: 100%
     }
 
     #slider {
@@ -28,20 +28,24 @@
 </head>
 
 <body>
+  <!-- Control Panel -->
   <div class="col-xs-4">
     <h1>GPS Plotter</h1>
     <h5>Upload a CSV File:</h5>
     <input type="file" id="csv-file" name="files"/>
-    <script src="Parser.js"></script>
     <h5 id="sliderHeading" style="margin-top:30px"></h5>
     <div id="slider">
-      <script src="Slider.js"></script>
     </div>
   </div>
+
+  <!-- Map Area -->
   <div id="map-canvas" class="col-xs-8">
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB7kbzCC9vv9yxONLqYlravPF2tBW-HTuE&callback=initMap" async defer></script>
-    <script src="MapScript.js"></script>
   </div>
 
 </body>
+
+<script src="MapScript.js"></script>
+<script src="Parser.js"></script>
+<script src="Slider.js"></script>
 </html>
diff --git a/MapScript.js b/MapScript.js
@@ -2,7 +2,7 @@ var map;
 var myLocation = {lat: 41.8077, lng: -72.2540};
 
 function initMap() {
-  var map = new google.maps.Map(document.getElementById('map-canvas'), {
+  map = new google.maps.Map(document.getElementById('map-canvas'), {
     zoom: 13,
     center: myLocation,
     rotateControl: true
@@ -20,7 +20,6 @@ function addMarker(lt, ln, prov)
 {
   // Troubleshooting call:
   //console.log("Latitude: " + lt + ". Longitude: " + ln);
-
   var location = new google.maps.LatLng(lt, ln);
   var marker = new google.maps.Marker({
     position: location,

diff --git a/Parser.js b/Parser.js
@@ -3,11 +3,12 @@ var data;
 function handleFile(evt) {
 
   var file = evt.target.files[0];
+  console.log(file);
 
   Papa.parse(file, {
     header: true,
     dynamicTyping: true,
-    complete: function(results) 
+    complete: function(results)
     {
       data = results;
       console.log(results.data);
@@ -24,11 +25,13 @@ function addMarkers(data)
     var lat = data.data[i].latitude;
     var lon = data.data[i].longitude;
     var prov = data.data[i].Provider;
-    addMarker(lat, lon, prov);
+    if (lat !== undefined & lon !== undefined) {
+        addMarker(lat, lon, prov);
+    }
   }
 }
 
-/* Troubleshooting Function 
+/* Troubleshooting Function
  function showLatLang(lat, lon)
 {
   console.log("Latitude: " + lat + ". Longitude: " + lon);

diff --git a/Slider.js b/Slider.js
@@ -1,18 +1,19 @@
 function addSlider(fileData) {
-	var minDate = new Date(fileData.data[0].local_time);
-	var maxDate = new Date(fileData.data[data.data.length - 1].local_time);
-
+	var minDate = new Date(parseInt(fileData.data[0].senseStartTimeMillis));
+	var maxDate = new Date(parseInt(fileData.data[data.data.length - 2].senseStartTimeMillis));
+	console.log(minDate);
+	console.log(maxDate);
 	$("#slider").dateRangeSlider({
-	  
+
 	  arrows: false,
 
 	  bounds: {
-		  min: minDate, 
+		  min: minDate,
 		  max: maxDate
 	  },
 
 	  defaultValues: {
-		  min: minDate, 
+		  min: minDate,
 		  max: maxDate
 	  }
 	});