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.

See Google Support…

Adding a text 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="https://maps.google.com/maps?q=times+square&hl=en&ll=40.758895,-73.981848&
spn=0.054676,0.054588&sll=39.739318,-89.266507&sspn=14.196132,13.974609&hq=times+
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 can be added to any template webpage. See adding a Google Map to your website and also Google Maps help. You may need to setup a Google tools account to generate the map code and the required API key.

You will need to generate a Google API key to allow the map to display.

The latest map code from Google includes css code to make the map responsive.