title: Set Google Maps Zoom Level According to Display Resolution
body: <p>I'm working on a project which requires me to display the whole earth map (zoom level 0 in Google Maps) in a given area (div) on the webpage. Additionally, I'd have to display the map in such a way that the whole world remains visible on different set of resolutions (these set of display resolutions start from 1024x768 and going up six consecutive ones). How can I get current display resolution and then decide which zoom level to initialize the map to? I don't need a zoom-level-to-screen-resolution ratio or anything. Just a tested zoom level for my pre-defined set of resolutions so I can do this using if else statements. </p>