hook-Events/script.js at master · johanbueno/hook-Events · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
var direct = document.querySelector("#directions");

function initMap() {
  var directionsRenderer = new google.maps.DirectionsRenderer;
  var directionsService = new google.maps.DirectionsService;
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 10,
    center: { lat: 35.2271, lng: -80.8431 }
  });
  var transitLayer = new google.maps.TransitLayer();
  transitLayer.setMap(map);
  infoWindow = new google.maps.InfoWindow;
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function (position) {
      var pos = {
        lat: position.coords.latitude,
        lng: position.coords.longitude
      };

      infoWindow.setPosition(pos);
      infoWindow.setContent('Location found.');
      infoWindow.open(map);
      map.setCenter(pos);
    }, function () {
      handleLocationError(true, infoWindow, map.getCenter());
    });
  } else {
    // Browser doesn't support Geolocation
    handleLocationError(false, infoWindow, map.getCenter());
  }
  directionsRenderer.setMap(map);
  directionsRenderer.setPanel(document.getElementById('right-panel'));

  var control = document.getElementById('floating-panel');
  control.style.display = 'block';
  map.controls[google.maps.ControlPosition.TOP_CENTER].push(control);

  var onChangeHandler = function () {
    calculateAndDisplayRoute(directionsService, directionsRenderer);
  };
  document.getElementById('start').addEventListener('keypress', function (e) {
    var Key = e.which || e.keyCode;
    if (Key === 13) {
      onChangeHandler();
    }
  });
  document.getElementById('end').addEventListener('keypress', function (e) {
    var Key = e.which || e.keyCode;
    if (Key === 13) {
      onChangeHandler();
    }
  });

}

function calculateAndDisplayRoute(directionsService, directionsRenderer) {
  navigator.geolocation.getCurrentPosition(function (position) {
    var positionA = {
      lat: position.coords.latitude,
      lng: position.coords.longitude
    };


    console.log(positionA);
    // var start = document.getElementById('start').value;
    var end = document.getElementById('end').value;
    directionsService.route({
      origin: positionA,
      destination: end,
      travelMode: 'DRIVING',
      // travelMode: 'TRANSIT'
    }, function (response, status) {
      if (status === 'OK') {
        directionsRenderer.setDirections(response);
      } else {
        // window.alert('Directions request failed due to ' + status);
      }
    });

  });

}

// $(document).on("click","#directions", function(event){
//   location.href = "./index.html";

// });

// $(document).on("click",".buttonID", function(event){

//         location.href = "../envent_P.html";
// });