How to Embed a Google Map with iFrame
Do you have a business that you want people to find? If so, embedding a Google map in your site with iFrame makes that easy.
The trick to embedding content is to find content that can be embedded in your site, formatted by you, customized with your own HTML, and integrated into your site in a way that looks, feels, and acts like it is indeed part of your site.
This trick (method and approach) can be applied to embedding all kinds of content in your page. For example, the iFrame tag can be used to embed any web page in one of your own pages.
Here are the basic steps for embedding a Google map with iFrame:
This figure shows an interactive Google map is embedded in a page.
2
Click the Search Maps icon.
Or press Enter (Windows) or Return (Mac) to display your location on a map.
3
Click the Link icon in the panel to the left of the map.
The options to link to, or embed, the map are displayed.
4
Select the HTML option (the second one).
This option copies the iFrame tag parameters that embed the map.
Web Design & Development Glossary
AJAX
asynchronous JavaScript and XML. A technique used in web page development.
Web Design & Development Glossary
API
application programming interface. A set of rules programs use to communicate with each other.
Web Design & Development Glossary
color stop
A special element that indicates a color to be added to a gradient.
Web Design & Development Glossary
FTP
File Transfer Protocol. A network protocol useful for transferring files in a client-server relationship.
Web Design & Development Glossary
HTML
HyperText Markup Language. The predominant language for building web pages.
Web Design & Development Glossary
HTTP
HyperText Transfer Protocol. The primary networking language for the Internet.
Web Design & Development Glossary
PHP
PHP Hypertext Processor. A scripting language that works well within HTML.
Web Design & Development Glossary
socket
A technology that allows remote computers to maintain a persistent connection in order to communicate with each other.
Web Design & Development Glossary
sprite
An graphic object on a web page that will be manipulated in real time.
Web Design & Development Glossary
SQL
Structured Query Language. A programming language useful in managing relational databases.
Web Design & Development Glossary
stateless protocol
An Internet procedure that completely breaks the connection between the client and the server after a transaction, meaning that the next transaction will require an entirely new connection.
Web Design & Development Glossary
Telnet
A network protocol useful in interactive, text-oriented communications.
Web Design & Development Glossary
W3C
World Wide Web Consortium. The organization that sets international standards for the World Wide Web.
