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

Moto G2 (2014) vs Moto E comparison review: New Moto G is worth the extra cash

IDG UK Sites

Is Apple losing confidence in itself?

IDG UK Sites

Oculus Rift 'Crescent Bay' prototype hands-on: it's an amazing experience

IDG UK Sites

How (and where) to buy an iPhone 6 or iPhone 6 Plus in the UK. Plus: What to do if you pre-ordered...