Adding a Map, or Map Link to a Webpage
Integrating website map applications and scripts
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:
- Copy the first link code shown below and paste it into your webpage.
- Go to Google Maps or Mapquest. Type in your location you want the link for, click enter.
- 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).
- 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.