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

General Discussion

Posted by Anne Maiale
Anne Maiale
1,495 Points

Google maps API: map only fills half of canvas and dragging is buggy

I'm trying to practice with google maps API on my website, and the dynamic map is not lining up with the #map_canvas div. Here's the link: http://www.flipook.com/#favoriteplaces. When dragging the map, once you hit a certain point in the canvas the map "jumps back". I don't know if it has to do with the position of the div or what. Any advice?

2 Answers

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

Hi Anne,

In a responsive website Google Maps doesn't work very well. If you shrink your window it works as it should. I fix this in the last stage in Build an Interactive Website, specifically Fixing Info Windows and Google Maps.

Regards Andrew

Anne Maiale
Anne Maiale
1,495 Points
Anne Maiale
Anne Maiale
1,495 Points

Thanks so much Andrew!! So helpful. I was going crazy - couldn't figure out what I was doing wrong :)