Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Build an Interactive Website Google Maps Integration Adding a Dynamic Map

Posted by Alex Stephens
Alex Stephens
13,342 Points

stuck on Build an Interactive Website challenge task Google maps

when i put my code in it saying Oops! It looks like Task 2 is no longer passing. i think it's a syntax error any hep would be good :) 

<!DOCTYPE html>
<html>
<head>
    <title>Map</title>
    <style type="text/css">
    body, html {
        margin:0;
        padding:0;
    }
    body, html, #map {
        width:100%;
        height:100%;
    }
    </style>
</head>
<body>
  <div id="map"></div>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAn8fk75K8kCdW6pQ4B7yoBHJNrUbleieY&sensor=false"></script>
      <script type="text/javascript">
    var mapOptions = {
    center: new google.maps.LatLng(28.42, -81.58),
    zoom: 18),
    mapTypeId: google.maps.MapTypeId.SATELLITE,
          };
    var mapElement = document.getElementById("map");
    var theMap = new google.maps.Map(mapElement, mapOptions);//This part is not working.
    </script>
  </body>
</html>

2 Answers

Aaron Graham
Aaron Graham
18,033 Points
Aaron Graham
Aaron Graham
18,033 Points

Try removing the extra comma after "SATELLITE", and as Damon Johnson mentioned, the ")" after "zoom: 18".

var mapOptions = {
  center: new google.maps.LatLng(28.42, -81.58),
  zoom: 18,
  mapTypeId: google.maps.MapTypeId.SATELLITE
};

Object literals don't take commas after the last element.

Damon Johnson
PLUS
Damon Johnson
Courses Plus Student 2,775 Points
Damon Johnson
Damon Johnson
Courses Plus Student 2,775 Points

Hey,

Try removing the close bracket here:

zoom: 18),

=)

Alex Stephens
Alex Stephens
13,342 Points

it didn't work it's still saying the same thing this is my code 

<script type="text/javascript">
    var mapOptions = {center: new google.maps.LatLng(28.42, -81.58),zoom: 18, mapTypeId: google.maps.MapTypeId.SATELLITE,};

        var mapElement = document.getElementById("map");
        var theMap = new google.maps.Map(mapElement, mapOptions);
</script>