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

Dee Barizo
Dee Barizo
8,402 Points
Posted by Dee Barizo
Dee Barizo
8,402 Points

Adding Info Methods, Task 2/3 (Not Passing)

Seems simple but my code is not passing.

Here are the instructions:

On the next line, in app.js, use "google.maps.event.addListener()" with "marker" as the first argument, "click" as the second, and then an anonymous function as the third.

My code:

var infoWindow = new google.maps.InfoWindow({ content : "Magic Kingdom"}) 
google.maps.event.addListener(marker, "click", function(){});

5 Answers

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

Hi Dee,

Is this all the code you have? It seems there's some missing.

Can you show more so I can get a better overview of what you have?

Regards

Andrew

Dee Barizo
Dee Barizo
8,402 Points
Dee Barizo
Dee Barizo
8,402 Points

Hi Andrew,

Here is the full code:

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);
var markers = new Array();

var geocoder = new google.maps.Geocoder();
var bounds = new google.maps.LatLngBounds();

var geocoderOptions = {address: "Magic Kingdom, Disney World"};

var markerImage;
var infoWindow = new google.maps.InfoWindow({ content : "Magic Kingdom"}) 
google.maps.event.addListener(marker, "click", function(){});

geocoder.geocode(
geocoderOptions,
function(results, status) {
    if(status == google.maps.GeocoderStatus.OK) {
        var marker = new google.maps.Marker({map: theMap, position: results[0].geometry.location});
        markers.push(marker);
        bounds.extend(results[0].geometry.location);
        theMap.fitBounds(bounds);
        infoWindow;

        }
    }
)

Thanks.

Andrew Chalkley
STAFF
Andrew Chalkley
Treehouse Guest Teacher
Andrew Chalkley
Andrew Chalkley
Treehouse Guest Teacher

The marker is defined in the if(status == google.maps.GeocoderStatus.OK) conditional statement.

Keep the var infoWindow; where it is but the initialization of the InfoWindow and the google.maps.event.addListener line should be moved where infoWindow; is in the conditional statement.

Dee Barizo
Dee Barizo
8,402 Points
Dee Barizo
Dee Barizo
8,402 Points

Thanks, Andrew. I will try it out.

Eric Pan
Eric Pan
13,398 Points
Eric Pan
Eric Pan
13,398 Points

Wow, I also mistook the instructions in step 1 to say "In line 17" instead of "In line 27" so I got this mistake.

I got excited at seeing the first instance of "infoWindow" on line 17 and only the 7 stuck I guess :P

Thanks, Andrew!