Gmaps004

512 views

Published on

google maps api basics

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
512
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Gmaps004

  1. 1. Google Maps Presentation 004
  2. 2. Start <ul><li>http://www.click2map.com </li></ul>
  3. 3. Task <ul><li>Create a Google Map that displays SCILS buildings </li></ul><ul><li>Sign up for free account on Click2Map.com </li></ul><ul><ul><li>https://myaccount.click2map.com/signup </li></ul></ul><ul><ul><li>Choose “free trial” </li></ul></ul><ul><li>Log in to Click2Map.com </li></ul>
  4. 4. Task <ul><li>Open the Map Editor under Tools (on the right) </li></ul>
  5. 5. Task <ul><li>Create a new map </li></ul>
  6. 6. Task <ul><li>Enter map information </li></ul>
  7. 7. Task <ul><li>Get SCILS main address from http://www.scils.rutgers.edu </li></ul><ul><li>Set as center of map </li></ul>
  8. 8. Task <ul><li>Set zoom level </li></ul><ul><li>Press OK </li></ul>
  9. 9. Task <ul><li>You are now ready to begin adding markers </li></ul>
  10. 10. Task <ul><li>Set map to Satellite mode </li></ul>
  11. 11. Task <ul><li>Zoom in until you can see SCILS main building </li></ul><ul><li>Select Quick Add from top menu </li></ul>
  12. 12. Task <ul><li>Click on the location you want to add a marker </li></ul>
  13. 13. Task <ul><li>Explore “More Properties” </li></ul><ul><li>Click OK when finished </li></ul>
  14. 14. Task <ul><li>Repeat steps for other SCILS (or RU) buildings, using Quick Add mode </li></ul><ul><li>When you are finished, go to Publish on top menu </li></ul>
  15. 15. Publish map <ul><li>Choose “Publish as web page” </li></ul><ul><li>Set options </li></ul>
  16. 16. Publish map <ul><li>You can experiment with your own, but the options below are recommended </li></ul>
  17. 17. Publish map <ul><li>Copy the URL from the dialog box and open it in your web browser </li></ul>
  18. 18. Your map
  19. 19. What we learned <ul><li>How to use an online map creator </li></ul><ul><li>How to place markers directly on map </li></ul><ul><li>Publishing the map for web viewing </li></ul>

×