Need help on Jquery google map part 7/7

Question

I have seen this question go around a lot on the forum, but no one seems to know what the answer is. In part 7 of Building Interactive Website Jquery Google map it ask you to do the following: Set the "theMap" to a new google.maps namespaced "Map" object with the parameters of "mapElement" and "mapOptions", I just seem to get the same error of: Oops! It looks like Task 2 is no longer passing.

Has anyone solved this problem yet?

this is my code:

<!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);
    </script>
</body>
</html>

Answer 1 · 2014-12-02T09:47:09Z

December 2, 2014 9:47am

I am having the same problem. It doesn't work and the code seems to be fine. My browser is Chrome, version 39.0.2171.71 m

Answer 2 · 2014-12-02T12:09:18Z

December 2, 2014 12:09pm

I also have a same problem :( firefox 33

Answer 3 · 2014-12-03T08:17:29Z

December 3, 2014 8:17am

I was using FF 34, on OS X Yosemite, Version 10.10.1

Answer 4 · 2014-12-03T23:45:42Z

December 3, 2014 11:45pm

Having the same issue on Chrome 39.0.2171.71 (64-bit), OS X 10.10.2.

Answer 5 · 2014-12-04T01:21:13Z

December 4, 2014 1:21am

Mac OS X, Version 10.7.5

Answer 6 · 2014-12-04T17:04:21Z

December 4, 2014 5:04pm

Chromium Version 39.0.2171.65 @ Ubuntu 14.10 (64-bit)

and

Firefox 34.0 @ Ubuntu 14.10 (64-bit)

Answer 7 · 2014-12-04T17:05:27Z

December 4, 2014 5:05pm

I have the same issue in Chromim Version 39.0.2171.65 Built on Ubuntu 14.04, running on LinuxMint 17 (64-bit), I can test it also in FF and Windows 7 if it will be of any help.

Unknowing about this discussion I also started my own topic on that problem. Please remove if possible.

[Broken Link]

Answer 8 · 2014-12-04T20:41:59Z

December 4, 2014 8:41pm

Environment:

Windows 8.1 64-bit

Firefox 34.0

- Manually typed in - Task 7 failed - "Oops! It looks like Task 2 is no longer passing."

- Cut & Paste from above from Task 1 on - Task 1 - passed. Task 2 - failed, had to comment out the var theMap = ... line of code. Task 3 - failed with full code, error "Oops! It looks like Task 2 is no longer passing." Passed with var TheMap line commented. Task 4 - see Task 3 Task 5 - see Task 3 Task 6 - see Task 3 Task 7 - see Task 3. When commenting out var theMap "Oops! It looks like Task 1 is no longer passing." is the new error.

Google Chrome 39.0.2171.71 m

- Manually typed in - Same results for Firefox

- Cut& Paste - Same results for Firefox

4 Dec 2014

Ken

Answer 9 · 2014-12-04T21:19:31Z

December 4, 2014 9:19pm

I tried the script with a mac, firefox as well as chrome (the newest versions)

Answer 10 · 2014-12-09T00:57:42Z

December 9, 2014 12:57am

Same result (null) in the Treehouse App (Android 5 on Nexus 5).

Answer 11 · 2014-12-14T02:23:00Z

December 14, 2014 2:23am

Same issue, OSX 10.10.1, chrome Version 39.0.2171.95 (64-bit), Safari Version 8.0 (10600.1.25.1) and Firefox developer edition 36.0a2.

Cut & paste, manually typed it in.. no difference. Bummer null was the error

Answer 12 · 2014-12-14T19:47:17Z

December 14, 2014 7:47pm

Still not working. Has there been a fix yet? I tested it on Chrome Version 39.0.2171.95 (64-bit) & Safari version 8.0.2. Both on OSX 10.10.1.

Answer 13 · 2015-06-09T17:13:49Z

June 9, 2015 5:13pm

Well it looks like this was never properly fixed before the course was retired. I tried almost everything I could think of and it never worked in chrome 43 or ie 11 under Windows 8.1 x64. Like the comments above I kept on getting a "return to step 2" error :/

Answer 14 · 2014-12-16T00:11:54Z

December 16, 2014 12:11am

Everyone, we think we may have identified the issue - the challenge was set up using the experimental Google Maps API, which Google recently changed, causing the challenge code to break.

We've updated the challenge default code to use a stable version of the Google Maps API; hopefully this will fix the issues everyone's seeing. If you want to try copying and pasting the solution, please try this code instead of the code in Peter's post:

<!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?v=3&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>
</body>
</html>

Let us know if you continue having difficulty!

Answer 15 · 2014-07-29T03:57:37Z

July 29, 2014 3:57am

I came up with the same code you did and had the same problem. I also tried assigning different values to theMap which, depending on the value, causes Task 1 to fail. It seems like assigning the wrong value should just make Task 7 fail with some message about assigning the wrong value to theMap. I know that is how other tasks have worked. Maybe something is wrong with this task?

Answer 16 · 2014-11-25T17:00:41Z

November 25, 2014 5:00pm

What ever problem you were having seems to have been fixed. I copied your code verbatim and pasted it in to the code challenge and it worked fine.

There could have been a bug in the Code Challenge engine. I tried and tested it on the Mac with Safari, Firefox and Chrome and it worked.

If people are still having an issue please give details of which Browser and Operating System they are using and that they have tested it with the above code copied and pasted. If it works from copying and pasting can you also try typing the code by hand and seeing if it works too. Thanks!

Answer 17 · 2014-11-27T08:27:55Z

November 27, 2014 8:27am

It's definitely buggy. I was having problems for over an hour until I reported it. Based on Andrews feedback I logged out, closed Chrome, re-opened, logged back in and copied and pasted the code above and it went through fine.

Before copying and pasting it in one go it would pass the first task then say 'Ooops, task 1 isn't passing' (or whatever the message is) when hitting submit the second time because the code for task 3 was present. Just copying and pasying the code at each stage worked up until stage 7 (the foundation of this thread) then it would say 'Oops! It looks like Task 2 is no longer passing'.

I'm using Chrome Version 39.0.2171.65 (64-bit).

Answer 18 · 2014-12-02T19:48:08Z

December 2, 2014 7:48pm

Hi all,

If people are still having an issue please give details of which Browser and Operating System

Those people who still have the problem can you confirm your Operating System (e.g. Windows 8.1, OS X Mavericks)

Thanks
Andrew

Answer 19 · 2014-12-04T04:36:55Z

December 4, 2014 4:36am

OK I'll report this as an issue with the developers. For those who are still having the issues (on a Mac) if you open QuickTime, go to File > New Screen Recording and start a screen recording of your copying, pasting the code and clicking through the steps. I just want to get as much info as possible. If you can share the recording with me at andrew@teamtreehouse.com I'll attach it to the issue.

Answer 20 · 2014-12-04T18:01:33Z

December 4, 2014 6:01pm

Thanks everyone! Keep any information coming!

Welcome to the Treehouse Community

Looking to learn something new?

Peter Hatzer

Peter Hatzer

Need help on Jquery google map part 7/7

20 Answers

Alberto Centelles

Alberto Centelles

Alberto Centelles

Alberto Centelles

Natali Schwarzauger

Natali Schwarzauger

Natali Schwarzauger

Natali Schwarzauger

Carmine Maraglio

Carmine Maraglio

oxanaox

oxanaox

Stefan Osorio

Stefan Osorio

Tomasz Budny

Tomasz Budny

Andrew Chalkley

Andrew Chalkley

Andrew Chalkley

Andrew Chalkley

Ken Alger

Ken Alger

Windows 8.1 64-bit

Firefox 34.0

Google Chrome 39.0.2171.71 m

Daan Hage

Daan Hage

Stefan Osorio

Stefan Osorio

Rashad Nasir

Rashad Nasir

Daniel Rose

Daniel Rose

Jack McDowell

Jack McDowell

Jay McGavren

Jay McGavren

Andrew Chalkley

Andrew Chalkley

Stefan Osorio

Stefan Osorio

Tomasz Budny

Tomasz Budny

Aaron Graham

Aaron Graham

Andrew Chalkley

Andrew Chalkley

oxanaox

oxanaox

davpay

davpay

Andrew Chalkley

Andrew Chalkley

Andrew Chalkley

Andrew Chalkley

Andrew Chalkley

Andrew Chalkley

Carmine Maraglio

Carmine Maraglio

Tomasz Budny

Tomasz Budny