Question

The page loads with Google Maps and doesn’t initially fill the container surrounding it.
Half second later Google maps fills up the container.

The problem is it’s distorted after the container is properly filled.
The longitude lines because of the shift show two of them right next to each other.
And the map controls are distorted as well. Can’t even tell the zoom bar is there.

Any help is greatly appreciated!

This is part of a WordPress plugin that I just started building.

I can’t post pictures yet or I would!

Answer 1

The problem was in the default theme wordpress uses.
The below line of code outlines it was only allowing it to go to 97.5% of the width it needed to messing up google maps.

.entry-content img, .comment-content img, .widget img { max-width: 97.5%; }

Correct code (or what worked for me):

.entry-content img, .comment-content img, .widget img { max-width: none; }