We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message
2,862 Tutorials

Create and share custom Google Maps

Draw routes, mark locations, add descriptions and photos

Embedding your map in a web page

If you'd like to embed a custom Google map on your website, you can copy the portion of HTML code from step 6 into an existing web page. However, while the default code shown might be Ok for some people, it's worth customising this so you can define exactly how the map portion will appear on the page.

Click on the ‘Customise and preview embedded map’ link which is just below the HTML code in the pop-up. A new window will appear showing how your embedded map will look on a Web page.

Customise link

Perhaps the most important consideration is how large it should appear and you’ll notice that you have the three options of small, medium and large, or you can specify a custom size. As with everything else on this page, the preview alters, as does the HTML code at the bottom, each time you make a change.

Buttons at the top of the map section also let you choose whether to display your data overlaid on a map (with or without terrain), a satellite image, or a Google Earth type 3D display. You can also redefine the zooming and panning. When you’re happy with the preview, just copy the HTML by selecting it and pressing Ctrl-C, and then paste it into your web page, to Facebook or anywhere else that allows HTML code.

 Embed Google Maps

IDG UK Sites

Best camera phone of 2015: iPhone 6 Plus vs LG G4 vs Galaxy S6 vs One M9 vs Nexus 6

IDG UK Sites

In defence of BlackBerrys

IDG UK Sites

Why we should reserve judgement on Apple ditching Helvetica in OS X/iOS for the Apple Watch's San...

IDG UK Sites

Retina 3.3GHz iMac 27in preview: Apple cuts £400 of price of Retina iMac with new model