Create a custom map in Google Maps
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.
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.