For students of E&EB 223L




Getting started

1. How to find your tree using a mobile device

2. How to add a tree to this site

3. How to edit your tree



How to rotate your images

How to get the latitude and longitude of your tree

How to create and add the Range of distribution map

How to embed content using an iFrame

How to Upload the Final Video

Frequently asked questions

Additional help, questions, or requests for the site

How to find your tree using a mobile device

  1. If you are on a mobile device, you can go to the mobile version of the map by clicking here or following the link on the TAKE THE WALK page.
  2. You should have been assigned a tree # from your TA. Find your tree’s location on the Story Map. Find your current location by clicking on the crosshairs button . Your location will appear as a blue dot on the map.
  3. Move toward the location of the tree and click on the crosshairs to update your location, until you find the exact location of the tree.



How to add a tree to this site

  1. Click on the Log in using CAS button at the top right of the front page.
  2. Enter your netid credentials to log in.
  3. Click on the Add a Tree button at the top right of the front page.
  4. If you are at the location of the tree currently, and are prompted to share your location with the browser, select agree or allow.
  5. If you are not on a mobile device at the location of the tree, and are prompted to share your location, do not agree. Select “Never Share Location”, “Deny”, or similar depending on your device/browser to stop getting these messages.

    Never share location

    naturewalk wants to use your locationDeny
    NOTE: If you agree to share your location and you aren’t actually at the tree, the correct latitude/longitude will be overwritten with your current location. If this is the case, you will need to get the correct location from here.

  6. You must have the tree’s common name and the tree’s ID number in order to add it- this will be the title of the page.
  7. Adding the Main image
    a. You can take or upload images directly from your mobile device, or take pictures on location and upload them later from your computer. Note: if you upload from an iOS device, the image may be oriented incorrectly. If this is the case, learn how to fix it here.
    b. If you are not on a mobile device and would like to upload an image, after browsing for and selecting an image you wish to upload, be sure to press the Upload button. When the image is uploaded, you will see a thumbnail of the image.
  8. Fill out the rest of the fields as instructed. For information on the Range of Distribution map, click here.
  9. Leave the settings at the bottom as is. 
  10. Click the Save button at the bottom.
Important notes

If you are typing a longer text field, we recommend you type the text in a text editor, such as Microsoft Word, and then copy it to the text field on this site. This site does not autosave as you write, so if you navigate away from the page you are in danger of losing what you wrote since your last save.


How to edit your tree

  1. You can find your tree on the map (only if you have a picture and description), by searching the site, or by clicking on the TREES link  on the menu bar.
  2. If you are on the full tree page, click the Edit button  at the top of the page. If you are on the Trees page, click edit to the right of your tree.
  3. Make your changes, but make sure that you do not allow the browser to capture your location unless you are on the exact location of the tree, otherwise it will overwrite the correct coordinates. If this happens, follow the instructions here.
  4. Be sure to click the Save button at the bottom when you’re done.


How to rotate your images

If you upload a vertical image taken on an iOS device (iPad or iPhone), the site should automatically rotate the image correctly, but sometimes this is broken. These instructions help you fix the image so that it displays correctly.

  1. Hover over the image you’d like to rotate (this must be done on a laptop/desktop, not a mobile device).
  2. Click on the small icon of a ladybug on a green background at the top left of the image  to open Pixlr Express.
  3. When there are multiple images together the Pixlr icon will show for the first one only. To edit subsequent ones, click the image so that it pops up and you should see the icon there.
  4. The window will appear. You may need to allow the page to run flash or allow pop-ups. If nothing happens you may have security settings that either block pop-ups or Flash. Try another browser.
  5. Click the Adjustment icon at the bottom left, then the Rotate icon.
  6. Click one of the Rotate buttons or select a custom rotation. You can also select a number of other photo editing options
  7. Ciick the Save button at the top left.
  8. You should get a message that looks like the following. Click OK.
  9. You may need to refresh the page before the image is updated. 


How to get the latitude and longitude of your tree

  1. If you are on a mobile device and are at the exact location of the tree, then you can allow the browser to capture your location and the latitude and longitude will automatically be entered for you.
  2. If you were unable to get the coordinates on location, or you accidently overwrote them by allowing the site to use your incorrect location, use the chart below.
    1 41.32182249 -72.92563526
    2 41.32187928 -72.92554264
    3 41.32198032 -72.92528967
    4 41.32146027 -72.9240743
    5 41.32131618 -72.92400531
    6 41.32138608 -72.92407396
    7 41.32123848 -72.92411688
    8 41.32114582 -72.92358312
    9 41.32098681 -72.92349427
    10 41.32129984 -72.92387363
    11 41.32175673 -72.92352797
    12 41.32181143 -72.92377825
    13 41.32074985 -72.92299308
    13 41.3108061 -72.92902521
    14 41.32094436 -72.92301541
    15 41.32040821 -72.9218339
    16 41.32065617 -72.92213042
    17 41.3193303 -72.91921648
    18 41.3189257 -72.91955369
    19 41.31657244 -72.92052104
    20 41.31655928 -72.92062473
    21 41.31645769 -72.92058391
    22 41.31624924 -72.9206585
    23 41.31620326 -72.92074434
    24 41.31607141 -72.92087384
    25 41.31605205 -72.92084173
    26 41.3158337 -72.92083645
    27 41.31580478 -72.9209072
    28 41.31577976 -72.92161002
    29 41.31605465 -72.92321708
    30 41.31554563 -72.92319738
    31 41.31528721 -72.92376626
    32 41.31429385 -72.92373835
    33 41.31424911 -72.92389836
    34 41.31420495 -72.924325
    35 41.31106482 -72.92920201
    35 41.3137271 -72.92381974
    36 41.31422329 -72.92380348
    37 41.31422564 -72.92361606
    38 41.31487769 -72.92280285
    39 41.31483829 -72.92253245
    40 41.31483127 -72.92187455
    41 41.31471783 -72.92181714
    42 41.31529814 -72.92232399
    42 41.31532211 -72.92239976
    43 41.31798236 -72.92415367
    44 41.31789208 -72.92407832
    45 41.31653903 -72.92366048
    47 41.31243492 -72.92690436
    48 41.31243966 -72.92678182
    49 41.3126552 -72.92658594
    50 41.3128062 -72.92651075
    51 41.31291843 -72.92702406
    52 41.31351489 -72.92705582
    53 41.31397502 -72.92682566
    54 41.31391814 -72.92674393
    55 41.31425065 -72.92730074
    56 41.31374673 -72.927518
    57 41.31363471 -72.9270451
    58 41.31365365 -72.92697846
    59 41.31899463 -72.92513754
    60 41.31893002 -72.92551431
    61 41.31904739 -72.92568857
    62 41.31935543 -72.92589895
    63 41.32002977 -72.92594237
    64 41.3210449 -72.92580855
    65 41.32165107 -72.92579138
    66 41.32171416 -72.92579234
    67 41.32181868 -72.92573257
    68 41.32204189 -72.92582687
    69 41.32220952 -72.92514601
    70 41.32213463 -72.92497577
    71 41.32203803 -72.925116
    72 41.32194134 -72.92488567
    73 41.32197886 -72.92487569
    74 41.32161374 -72.92486169
    75 41.32140769 -72.92504811
    76 41.32122941 -72.92442684
    77 41.32105693 -72.92372301

How to create and add the Range of distribution map

Download the image from Wikipedia (make sure that the map is from Wikimedia Commons and is not copyrighted)

  1. Click on the map image in the Wikipedia entry to open the full-sized version of the map

OR Create your own map

  1. Click here to select states and here to select countries
  2. Check the boxes next to the states/countries that have the tree species
  3. Click the Generate Map button at the bottom

The rest of the steps are the same:

  1. Right-click (or control-click on a mac) on the map image and select Save Image As...
  2. Choose where you want to save the image (it doesn’t really matter just as long as you remember where you saved it, you can delete it after it’s uploaded to the site) and press the Save button
  3. On your tree edit page, under Research/Range of distribution, click the Upload button 
  4. When you are done editing the tree, click the Save button on the bottom


How to embed content using an iFrame

This works best if you have an embed code from a site. You can theoretically embed any site, however you will encounter mixed results. This is a great way to include visually rich, interactive content, such as this timeline app.

  1. Click here for instructions on generating the embed code from common sources such as social media.
  2. Once you have the code, go into the content creation or editing page and find the text field you’d like to embed into. This can be the iFrame field or even the body.
  3. Paste the code into the location you’d like it to appear. 
  4. Click the Save button at the bottom of the page.

If you would like to try to embed a site, you can use the following template to create a square iFrame with no border:

<iframe frameborder="0" height="650px" src="http://WEBSITEURL" width="100%"></iframe>

You can change the height/width/border to customize the iFrame.

How to Upload the Final Video

  1. Upload the video to the Media Library in the project’s Canvas site.
  2. Once it’s finished uploading, hover over it and select the Share button.
  3. Click on the Embed link at the top. 
  4. Click the Copy Embed Code button.
  5. On this website, edit the tree page and go to the Media & Arts section. Then go to the Final Presentation field.
  6. Click the Source button on the editing toolbar and paste the embed code here.
  7. Be sure to save the page at the end.

Frequently asked questions

Why isn’t my image showing up?

You may not have finished uploading the image. After selecting the image you wish to upload, be sure to press the Upload button. When the image is uploaded, you will see a thumbnail of the image.

Why does the map or page look strange or not load?

Try another browser. Chrome has been having a lot of problems displaying content correctly.

Why isn’t my tree on the map?

Your tree may not be published, or you don’t have anything text in the Description field for the tree.

Why is my tree pin in the wrong location?

Make sure you copy the latitude and longitude in the correct order from ArcGIS- it’s listed as long/lat on the ArcGIS website and lat/l​ong in this site. Also, don’t allow the page to share or capture your current location unless you are actually at the tree. If you did so by accident, you can copy the correct location from here.

Why is there no image on the map or in search results?

You need to upload an image in the Main Images field, preferably the same image as you used in the ArcGIS entry. See the FAQ above if you are having trouble uploading the image.


Additional help, questions, or requests for the site

Need help? Check here for help with measuring or identifying the tree, or email for more info.