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
Jay Laiche
8,612 PointsCustomizing Google Maps - Info Window not working
On stage 5 of "building an interactive website" and I'm having trouble with the Google Maps Javascript API section. I've followed Andrew's code, hosted my site using Anvil, but when I load the locations.html page, clicking on the markers on the map brings up nothing. My JS console brings the following error, if this is associated with it:
Uncaught SyntaxError: Unexpected token : chrome-extension://kchdfagjljmhgapoonapmfngpadcjkhk/js/jquery-1.11.0.min.map:1
I've compared my code to the project files and they are identical, so I'm really not sure what's causing this error...maybe a change in the Maps API since this track was made? Any suggestions are greatly appreciated.
2 Answers
Dave McFarland
Treehouse TeacherThis is related to JavaScript source maps. I've seen it discussed before: http://stackoverflow.com/questions/17849006/hide-jquery-map-errors-in-google-chrome-developer-tools
Make sure Chrome is up-to-date (should be since it auto-updates). If not, then you can turn off JavaScript source maps: https://developers.google.com/chrome-developer-tools/docs/settings
Andrew Chalkley
Treehouse Guest TeacherTotally stumped. Could you try an disable some of your chrome extensions...there maybe something interfering with your jQuery.
Actually Dave McFarland has found a solution...