How to add a Google map to your web page

As Google continues its steady progress towards domination of all things Internet-based, a clutch of useful tools is filtering down to Web designers.

As Google continues its steady progress towards domination of all things Internet-based, a clutch of useful tools is filtering down to Web designers. One such service is a beta version of Google Maps' programming interface.

While many of us use Google Maps to find locations or to browse satellite imagery, it's an open secret that you can also add those maps to your own site.

This is one of the many projects that makes use of a Google application programming interface (API) to provide services to websites. Web designers can modify the map to display certain information; it's possible that their mashup could even be loaded on to Google Maps.

As with Google's other APIs, this is free to use - with certain restrictions. If you want to use a map commercially or on a private website, sign up for a 30-day trial of Google Maps Enterprise. Enterprise allows maps to be viewed behind a firewall or with a paid-for subscription login; it also provides extra features such as customer relations and marketing support.

With the free version, users can localise a map and modify it to respond to zooms and pans to find other places. Information windows can be added to provide visitors with updates, or markers and route lines can indicate positions or directions.

With some further research you could soon be performing such advanced functions as geocoding, adding a Google-powered local search engine, creating custom controls and adding driving instructions to your website. For the time being, however, if all you want is a simple map with straightforward instructions, you can achieve this in half an hour or so.

Step 1

1. To get started using Google Maps, you'll need to sign up for an API key. This key is valid for a single directory on your server; you can use it to embed a Google Map on any page at that domain, with no limit on the number of page views per day.

google map api key

Step 2

2. Before you can get this key, you'll need to log into your existing Google Account (or create one). Once logged in, click 'Sign up for a Google Maps API key'. Enter your domain name and click 'Generate API key'. This will create the key along with some code that can be pasted into a hypertext markup language (HTML) file.

google account

Join the newsletter!

Error: Please check your email address.
Rocket to Success - Your 10 Tips for Smarter ERP System Selection
Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

Jason Whittaker

PC Advisor (UK)
Show Comments

Cool Tech

Breitling Superocean Heritage Chronographe 44

Learn more >

SanDisk MicroSDXC™ for Nintendo® Switch™

Learn more >

Toys for Boys

Family Friendly

Panasonic 4K UHD Blu-Ray Player and Full HD Recorder with Netflix - UBT1GL-K

Learn more >

Stocking Stuffer

Razer DeathAdder Expert Ergonomic Gaming Mouse

Learn more >

Christmas Gift Guide

Click for more ›

Most Popular Reviews

Latest Articles

Resources

PCW Evaluation Team

Edwina Hargreaves

WD My Cloud Home

I would recommend this device for families and small businesses who want one safe place to store all their important digital content and a way to easily share it with friends, family, business partners, or customers.

Walid Mikhael

Brother QL-820NWB Professional Label Printer

It’s easy to set up, it’s compact and quiet when printing and to top if off, the print quality is excellent. This is hands down the best printer I’ve used for printing labels.

Ben Ramsden

Sharp PN-40TC1 Huddle Board

Brainstorming, innovation, problem solving, and negotiation have all become much more productive and valuable if people can easily collaborate in real time with minimal friction.

Sarah Ieroianni

Brother QL-820NWB Professional Label Printer

The print quality also does not disappoint, it’s clear, bold, doesn’t smudge and the text is perfectly sized.

Ratchada Dunn

Sharp PN-40TC1 Huddle Board

The Huddle Board’s built in program; Sharp Touch Viewing software allows us to easily manipulate and edit our documents (jpegs and PDFs) all at the same time on the dashboard.

George Khoury

Sharp PN-40TC1 Huddle Board

The biggest perks for me would be that it comes with easy to use and comprehensive programs that make the collaboration process a whole lot more intuitive and organic

Featured Content

Latest Jobs

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?