Tuesday, January 07, 2014

Warhammer on Google Maps


We haven't featured a good fantasy game map on Google Maps Mania for a while. The Warhammer Map is a large, detailed map of the Warhammer world, including The Empire, Bretonnia, the Badlands and other locations important in the game.

As well as providing a link to a great interactive map for Warhammer players I also wanted to feature this map because it doesn't display the Google Maps zoom controls correctly.

I've come a few maps recently that suffer from this same zoom controls glitch. In most of these cases the problem is caused by defining the width and height of images in your CSS. If you encounter this problem in your own maps the simplest solution seems to be to ensure that you also define the image class for your map div.

For example, if you define your map div as 'map_canvas' then define the image class like this:

.map_canvas img {
    max-width: none;
    max-height: none;
}

No comments: