title: Can't seem to find unexpected identifier
body: <p>For a college project I'm developing an app with Django Framework that allows users to find restaurants and other venues near them, and obtain a route to them through the Google Directions Service.</p>
  
  <p>I just copied the <code>calculateAndDisplayRoute</code> function from the service overview code sample into my template, and I keep getting an unexpected identifier error, but I don't see the problem.</p>
  
  <p>Keep in mind that I'm fairly new to JavaScript, so I might be overlooking something obvious here. Here's the code snippet:</p>
  
  <pre><code>function calculateAndDisplayRoute(directionsService, directionsDisplay) {
      directionsService.route({
        origin: new.google.maps.LatLng(43.0186, -7.5813),
        destination: new.google.maps.LatLng(43.0157, -7.5495),
        travelMode: travel_mode
      }, function(response, status) {
        if (status === 'OK') {
          directionsDisplay.setDirections(response);
        } else {
          window.alert('Directions request failed due to ' + status);
        }
      });
    }
  </code></pre>
  
  <p>I'm getting the error on the 'origin: ...' line. Origin and destination values are fixed for testing purposes. Here's the complete script: <a href="https://pastebin.com/sbNtVLYk" rel="nofollow noreferrer">https://pastebin.com/sbNtVLYk</a></p>
  
  <p>Thanks in advance.</p>
  
  <p>EDIT: full template code: <a href="https://pastebin.com/8rhTGPXA" rel="nofollow noreferrer">https://pastebin.com/8rhTGPXA</a></p>