Adding a Map, or Map Link to a Webpage

Integrating website map applications and scripts

Sticky Note Map Applications
Google maps or other map widget applications can be added to any HTML website or web template. Us the information on this page if your template does not already include a map.

See Instead…

Before you start
Google has made some changes to the embedded webpage map code and now requires an API key in the code. You may need to make changes to your web template contact page Google map code in the <head> section. See the following two support pages at Google:
Adding a link to a map location
To add a clickable text link to a location:
  1. Copy the first link code shown below and paste it into your webpage.
  2. Go to Google Maps or Mapquest. Type in your location you want the link for, click enter.
  3. At Mapquest or Google Maps click the "link chain" or "get link" icon. Copy the link text code shown (optionally copy the link in your web browser address bar).
  4. From the link code you added in step #1 replace the "replace-this" with your link code.
Copy and paste the following link code:
<a href="replace-this">Click For Map</a><br>
Example link (after editing):
<a href=",-73.981848&
square&t=m&z=14&iwloc=A">Click For Map</a><br>
To add the map link to an image see the adding images to your webpages.

How to add a Google map window
A map like the sample below can be generated in your Google tools account. See embed a map at Google Maps for support. You'll need to setup a Google tools account to generate this map. You will be prompted at the site to create this account if you do not now have one.

As well as setting up a Google tools account, you may also need to generate a Google API key, although this may no longer be required.

Note: All help and support for adding this map can be found on the Google website. Allwebco does not offer support for Google map integration.