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

Development Tools

Konrad Pilch
Konrad Pilch
2,435 Points
Posted by Konrad Pilch
Konrad Pilch
2,435 Points

Google Maps

HI,

Im making a site and i used google maps, its great!

Theres though one problem with it. I did the map 100% width on top , so if the user wants to scroll down, he will get the map in the scroll mode as well.

I saw that some websites dont use mouse scroll but they have a bar thath they can zoom in and zoom out.

HOw can i achieve this effect?

1 Answer

Justin Iezzi
Justin Iezzi
18,199 Points

See here. You'll want to use the zoomControl boolean. Further modifications to the zoom tool can be made by modifying the style options, scroll down a little further to see how to achieve this. Google has excellent documentation for its Maps API. This is the main page that you can refer to for guides, references, samples, and more.

Hope this helps.

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Its uses JavaScript, grrr xd

Thank you!