The examples from Google use <div id=”map_canvas”></div> for their element. I changed it to something more specific to my project, and the zoom controls started looking funny. I reverted and tried again with the same results. I finally came across this StackOverflow question and answer (thank you again StackOverflow!) and also added an answer to the bottom to clarify what I found.
The lessons are:
- Make sure you use map_canvas.
- Make sure you don’t have a max-width on the image.