To embed Google Map on site pages, you’ve got two routes. You can open Google Maps’ own share menu and copy the HTML it hands you. Or you can have a developer use Google’s Maps Embed API, which needs an API key and is free with no usage limits. Start with the copy-HTML route. That’s a habit, not a rule from Google, and the reasoning is narrow: Google’s help text for that route lists no key step, while the API page says every request needs a key.
Why that matters: customers use the contact page map to find you. The embed is one more outside script your page has to wait on. And an API key that nobody on your team holds is a dependency. So pick the route on purpose, then settle what sits beside the map, what it adds to the page, and who holds the key.
What Are the Two Ways to Embed Google Map on Site Pages?
One way runs through Google Maps itself. Google’s Maps help page says that on a computer you open Google Maps, go to the part of the map you want to share, open the menu, choose Share or embed map, and then, to share through a web page, choose Embed a map and Copy HTML.
Google’s help page adds one limit. A map holding your saved locations can’t be shared. Neither can a map with a distance measured on it, or a picture of the map itself.
The other route is the developer one. An API is a way for one program to ask another program for something. An API key is a code Google issues that identifies who’s using the service. Google’s Maps Embed API usage page says every request to the API has to carry a key. Usage is available at no charge, it says, with no short-term or long-term limits. For what’s allowed, it points you to the License Restrictions section of the Google Maps Platform Terms of Service.
So the split is this. One route hands you code to paste. The other gets set up by a developer who holds a key. Google’s two pages don’t compare them, and neither fills the other’s gaps: the help text for copying HTML lists no key step, and neither page says what that route costs or which terms govern it. Read that as a limit on what Google tells you here, not as a verdict on either route.
Which Route Should You Start With?
Start with the copy-HTML route when you want one map on one contact page. That’s a habit, not a rule from either Google page. Google’s help text for it is a short run of clicks and lists no key step.
Take the API route if whoever builds your site prefers it, or has a reason of their own. That’s their call to make, and it’s a fair one. If that’s the route, settle who holds the key before the page goes live. Don’t pick it expecting more control, a sharper map or a lighter page. Neither Google page says anything of the kind.
What Should Sit Next to the Map on Your Contact Page?
Your address, written out as text. Spilt Media’s local SEO essentials post lists an embedded Google Map on the contact page, set to show where your business sits. Put the map next to the address, not in place of it. Someone copying your street into a phone shouldn’t have to dig it out of a map tile.
A few habits go with it. None of these are rules from Google.
- Write the address out as text beside the map, so a visitor can read it and copy it.
- Check that the map shows your business, and that the address on the map matches the address on the page.
- Use one map on the page, not several.
Does a Map Slow Your Page?
It adds to what the page waits on. Spilt Media’s post on why a WordPress site loads slowly lists a map embed among other outside scripts. Each one calls a different server and waits for a response before the browser can draw the page, the post says. That’s one more wait your contact page takes on.
So here’s the habit: after the map goes in, open the contact page on a phone and watch it load. Ask whoever built the page to look at it too. You don’t need a measurement to tell you something feels sluggish. If it does, raise it before the page is signed off.
Who Should Hold the Key and Check the Map?
Someone on your side, in writing. That’s a habit, not a rule from Google. If the API route is used, ask who holds the key and where it’s kept, then write that down somewhere your business controls. A key tied to one outside person is a dependency your business can’t check for itself.
Ask whoever builds the page to read the License Restrictions section Google points to. It sits in the Google Maps Platform Terms of Service, and the usage page sends you there for what’s allowed with the API. You don’t have to read it yourself. Somebody on the job should.
A few more habits round out the job. Each takes a look, not a project.
- Ask whoever builds the page which route they used, and keep that answer where your team can find it.
- Open the contact page on a phone and on a computer after launch, and look at the map on both.
- Look again after a site redesign, and again if the business moves.
Spilt Media’s WordPress design and development page says it builds custom WordPress websites engineered for speed, security and conversions.
If you’d rather talk the route through before you embed Google Map on site pages, book a consultation with Spilt Media.
Frequently Asked Questions About Embedding a Google Map
Do You Need an API Key to Embed a Google Map?
For the Maps Embed API, yes. Google’s usage page says every request to that API has to include a key. The help page for copying HTML out of Google Maps lists no key step, and it doesn’t say one way or the other. So that’s as far as Google’s own pages take you.
Does Embedding a Google Map Cost Anything?
Google’s usage page says Maps Embed usage is available at no charge, with no short-term or long-term limits on it. That covers the API route. The help page for copying HTML says nothing about cost, so treat that route’s cost as unstated rather than free. If the distinction matters to your business, ask whoever builds the page to check the terms Google points to.
Can You Embed a Map With Your Saved Places or Distances?
Google’s help page says no. A map holding your saved locations can’t be shared from Google Maps. Neither can a map with a distance measured on it, or a picture of the map itself. If the view you had in mind has any of that on it, that part isn’t what gets embedded.
Who Should Check the Map After a Redesign?
Someone on your side, as a habit. After a redesign or a move, open the contact page on a phone and on a computer, and look at the map. Check that it shows the business and that the address on it matches the address on the page. If someone else did the build, ask them to confirm it as well.