How to Center an Embedded Google Map

Google Maps gives users the ability to not only find any location around the world online, but to share that location with anyone else on the Internet. This can be done in a number of ways, the most convenient of which is to show the map on your Web page. Google gives out the embed code for its maps on the Google Maps homepage. After you've embedded the Google Maps code into your HTML code, you can customize its position so that the map sits in the center of your Web page.

Detail of a Map of Russia
Align your Google map to the center of your website.
credit: Ryan McVay/Digital Vision/Getty Images

Video of the Day


Search your HTML document for your embedded Google Maps code. It should start with "<iframe."


Use your mouse to place your cursor just above the "" (no quotes).


Find the end of your embedded Google Maps code, which is marked with a "" tag.


Use your mouse to place your cursor just below the "" HTML tag and write "

" (no quotes). Save and close the HTML file. Your embedded Google map will now be centered on your Web page.

Show Comments