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

Posted by Jose Rodriguez
Jose Rodriguez
7,594 Points

Dynamic Map Code challenge 7/7

On dynamic mapping i get to challenge 7/7 and it says task 2 is no longer passing, when task 2 was the api key so i dont get it.

    <div id="map">
<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);
</script>

</div>

1 Answer

Ben Tristem
Ben Tristem
9,978 Points
Ben Tristem
Ben Tristem
9,978 Points

Where's your closing div tag?

I had mine below the JavaScript and it didn't work (I guess the moral is keep all JavaScript at the bottom of your file?)

Once I moved my closing div immediately below my opening div all was fine, resulting in code starting...

<div id="map">
</div>
<script type="text/javascript" etc

Does this help?

Carlo Petermann
Carlo Petermann
4,531 Points

Thanks Ben,

it did help me.