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,851 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

iPhone 6 release date, price, specs and new features: Invite confirms 9 September launch

IDG UK Sites

Nostalgia time: Top 10 best selling mobile phones in history

IDG UK Sites

How Ford designs next-generation cars at its Melbourne Design Centre

IDG UK Sites

iPhone 6 release date, rumours, video, UK price & images: iPhone launch event confirmed for 9...