Create a Link to a Map on

Your School Website

 

Take a look at the link we have made to Google Maps. Note that when you double click on the marker, you can see an image of the building making it easier to find when driving.

You can create a link like the one we made on your school website following these directions:

  1. Make a connection to the server to see your website folder.
  2. Open the folder so that you can see the files for your website.
  3. Create a new folder on the top level of your website. Call this folder GoogleShare.
  4. Add an image of your school to the image folder on the top level of your website. If you have an image on your website already, check to make sure it is stored in the image folder on the top layer. (The top level contains the first set of folders for your website, e.g. Staff, Students, Academics, etc. Each of these folders may have it's own image folder.)
  5. Open Google Earth,
  6. Create a placemark at the street address of your school.
  7. In the description box, use the following link code to link to the image located in the top level of your school website folder. Check your password sheets for the IP number and School folder name.
  8. Link Code: <img src="http://IP#of the server/SchoolName/images/myDescriptiveImage.jpg">
  9. Remember that if you are working on your own OS X server, you will need to replace the IP number with your own and leave off the school name folder.
  10. Save the file as a .kml file.
  11. Put the .kml file into the GoogleShare folder on your webserver.
  12. Using a webbrowser, open Google Maps.
  13. Type the following link into the search box on Google Maps:
  14. Search Link: http://ServerIP/SchoolName/GoogleShare/SavedPlacemarkName.kml
  15. Click on Search.
  16. Your placemark will appear on the map. When you click on the placemark, your picture should appear as well.
  17. In the top right of the window, click "Link to this page." 
  18. Copy the url that appears in the location line of your browser.
  19. Open Contribute to your directions page. Edit your page.
  20. Highlight the text you wish to link to the map. Click link>Browse to a website> and paste the location into the Web URL line.
  21. Publish your page.