Don't try to fetch map data unless #map is present

[denmch]

Closes issue #627, which raised the issue of a console error that's triggered by this file's attempt to fetch google maps data on pages without the requisite #map element. This is a simple fix that checks to see whether #map is present before proceeding with the .getJSON AJAX function. Only the /intro-to-github/ page contains the map, so the console error appears on every other page.

[brianamarie]

Thank you, @denmch! Since my Javascript is a little rusty, @JasonEtco do you have bandwidth to put 👀 on this?

[denmch]

No problem, @brianamarie. It looks like a bigger change than it is because of whitespace changes, but the only addition is a jQuery conditional (if ($("#map").length)) to see if #map exists and to prevent looking for data where there isn't any. It seemed like a simple way to prevent the console error without fussing too much over things like loading the JS only on the page needed (which would touch more things and is something that could still be revisited later if anyone deems it an issue).

[brianamarie]

cc @hectorsector for 👀

[brianamarie]

@stoe Now that you're back around, would you have a few minutes to look at this JS?

[brianamarie]

@stoe Thank you for the review and @denmch Thank you for your contributions!!!

I was a little hesitant because when I tried to build with gh-pages, I got an error. When I built locally, it works beautifully. Thanks! ✨

[brianamarie]

Note, this won't be shown live until the submodule is updated.

[denmch]

I'm glad it worked! I wouldn't have been surprised if I'd messed something up.