Difference between revisions of "G1-Group08 Project Web Maps"

From Geospatial Analytics for Urban Planning
Jump to navigation Jump to search
 
(6 intermediate revisions by 3 users not shown)
Line 22: Line 22:
 
<!------- End of Main Navigation Bar---->
 
<!------- End of Main Navigation Bar---->
 
<br>
 
<br>
<!--[[File: SMT201 G1-Group08 Web Maps.png|center|500px|]]-->
 
  
<!--  
+
<div style="text-align: center;width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">Click on the image below to view our <b>web maps</b> for our project.</font></div><br>
 +
[[File: SMT201 G1-Group08 Web Maps.png|center|300px|link=https://qgiscloud.com/eddieleow/g1t8]]
  
 
<div style="padding: 15px; line-height: 1em; border-bottom: #789DBF solid 2px;font-size: 20px; width=90%;"></div>
 
<div style="padding: 15px; line-height: 1em; border-bottom: #789DBF solid 2px;font-size: 20px; width=90%;"></div>
Line 30: Line 30:
 
<div style="text-align: left; padding: 15px; line-height: 1em; border-left: #789DBF solid 8px;font-size: 20px; width: 95%;"><font color=#385380">How to navigate the Web Maps</font></div>
 
<div style="text-align: left; padding: 15px; line-height: 1em; border-left: #789DBF solid 8px;font-size: 20px; width: 95%;"><font color=#385380">How to navigate the Web Maps</font></div>
 
<br>
 
<br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">1. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">1. Access our web maps through [http://qgiscloud.com/eddieleow/g1t8 qgiscloud.com/eddieleow/g1t8] <b><u>or</u></b> click on the above image which will direct you to the <b>home page</b> as shown below.</font></div>
 
<br>
 
<br>
 
[[File:G1T8 qgiscloud 1.png||center|800px]]
 
[[File:G1T8 qgiscloud 1.png||center|800px]]
 
<br>
 
<br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">2. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">2. On the top right hand corner, there is a <b>Map & Tools</b> menu bar which has 3 options to choose from:
<br>
+
* Layers & Legend
 +
* Map Tools
 +
* Print
 +
</font></div>
 
[[File:G1T8 qgiscloud 2.png||left|240px]]
 
[[File:G1T8 qgiscloud 2.png||left|240px]]
 
<br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">3. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">3. Upon clicking on <b>Layers & Legend</b>, you can view all the main layers.
<br>
+
* To view certain layers on the map, check the box beside the layer and it will appear on the map.
 +
<b><font color="red">Note</font>:</b> Layers are arranged in an order where the top layer will be on top of the next layer.
 +
</font></div>
 
[[File:G1T8 qgiscloud 3.png||left|240px]]
 
[[File:G1T8 qgiscloud 3.png||left|240px]]
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">4. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">4. To view the sub layers, click on the + sign to expand the main layer.</font></div>
<br>
 
 
[[File:G1T8 qgiscloud 4.png||left|200px]]
 
[[File:G1T8 qgiscloud 4.png||left|200px]]
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">5. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">5. QGIS Cloud also comes with Map Tools to further enhance user experience. Click on <b>Map Tools</b> then <b>Measure</b> option will appear.</font></div>
<br>
 
[[File:G1T8 qgiscloud 5.png||left|200px]]
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">6. Test</font></div>
 
<br>
 
 
[[File:G1T8 qgiscloud 6.png||left|240px]]
 
[[File:G1T8 qgiscloud 6.png||left|240px]]
 
<br><br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">7. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">6. Upon clicking on <b>Measure</b>, a pop-up box with 4 options will appear. The options available are:
<br>
+
* Position
 +
* Length
 +
* Area
 +
* Bearing
 +
</font></div>
 
[[File:G1T8 qgiscloud 7.png||left|240px]]
 
[[File:G1T8 qgiscloud 7.png||left|240px]]
 
<br><br><br>
 
<br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">8. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">7. <b>Position</b><br>
<br>
+
As per stated in the title, position allows you to find the coordinates of a point in the map. To use position, simply just click on anywhere in the map and the coordinates (e.g. 190468 2634827) will appear on the white bar. Copy and paste the coordinates to the search bar to return you the point in the map.</font></div>
 
[[File:G1T8 qgiscloud 8.png||left|240px]]
 
[[File:G1T8 qgiscloud 8.png||left|240px]]
<br><br><br><br><br><br><br><br><br><br>
+
<br><br><br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">9. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">8. <b>Length</b><br>
<br>
+
As per stated in the title, length allows you to measure the distance between the starting point and ending point on the map. You can start the measurement by clicking a point on the map and end the measure by double clicking a point on the map.
 +
* There are 4 units of measurement available - m, ft, km and mi.
 +
</font></div>
 
[[File:G1T8 qgiscloud 9.png||left|240px]]
 
[[File:G1T8 qgiscloud 9.png||left|240px]]
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">10. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">9. <b>Area</b><br>
<br>
+
As per stated in the title, area allows you to measure the area by plotting a polygon on the map. To form a polygon, start by clicking a point on the map and when you are done, click on the starting point of the polygon.
 +
* There are 4 units of measurement available - m<sup>2</sup>, ft<sup>2</sup>, km<sup>2</sup>, mi<sup>2</sup>.
 +
</font></div>
 
[[File:G1T8 qgiscloud 10.png||left|240px]]
 
[[File:G1T8 qgiscloud 10.png||left|240px]]
 
<br><br><br><br><br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">11. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">10. <b>Bearing</b><br>
<br>
+
As per stated in the title, bearing allows you to find the bearings relative to the point on the map.</font></div>
 
[[File:G1T8 qgiscloud 11.png||left|240px]]
 
[[File:G1T8 qgiscloud 11.png||left|240px]]
 
<br><br><br><br><br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">12. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">11. There are 4 buttons available on the lower right side of the map for user to navigate around the map.
<br>
+
* Home represented by home icon is to return to home page
 +
* Navigation represented by navigation icon and is currently unavailable
 +
* Zoom in represented by '+' is to zoom in to the map
 +
* Zoom out represented by '-' is to zoom out of the map
 +
</font></div>
 
[[File:G1T8 qgiscloud 12.png||left|50px]]
 
[[File:G1T8 qgiscloud 12.png||left|50px]]
 
<br><br><br><br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">13. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">12. You may adjust the transparency of each layer or sub layer
<br>
+
by clicking on the setting icon right beside the layer name and slide the slider to adjust the transparency.</font></div>
 
[[File:G1T8 qgiscloud 13.png||left|240px]]
 
[[File:G1T8 qgiscloud 13.png||left|240px]]
 
<br><br><br>
 
<br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">14. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">
<br>
+
* Drag the circle on the transparency bar towards the right to reduce the transparency.</font></div>
 
[[File:G1T8 qgiscloud 14.png||center|1000px]]
 
[[File:G1T8 qgiscloud 14.png||center|1000px]]
 
<br>
 
<br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">15. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">13. You can also print the map in hard copy to reference.
<br>
+
* There are 4 options to adjust the map printing - layout, scale, resolution and rotation.
 +
</font></div>
 
[[File:G1T8 qgiscloud 15.png||left|240px]]
 
[[File:G1T8 qgiscloud 15.png||left|240px]]
 
<br><br><br><br><br><br><br><br><br><br>
 
<br><br><br><br><br><br><br><br><br><br>
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">16. Test</font></div>
+
<div style="width: 95%;"><font size=3px; face="Open Sans, Arial, sans-serif">
<br>
+
It will also show the area of which layer should you want to print the map.</font></div><br>
 
[[File:G1T8 qgiscloud 16.png||center|1000px]]
 
[[File:G1T8 qgiscloud 16.png||center|1000px]]
<br>
 
-->
 

Latest revision as of 21:39, 24 November 2019

G1 Group 8 Logo.png


HOME

PROPOSAL

POSTER

WEB MAPS

PROJECT REPORT


Click on the image below to view our web maps for our project.


SMT201 G1-Group08 Web Maps.png


How to navigate the Web Maps


1. Access our web maps through qgiscloud.com/eddieleow/g1t8 or click on the above image which will direct you to the home page as shown below.


G1T8 qgiscloud 1.png


2. On the top right hand corner, there is a Map & Tools menu bar which has 3 options to choose from:
  • Layers & Legend
  • Map Tools
  • Print
G1T8 qgiscloud 2.png








3. Upon clicking on Layers & Legend, you can view all the main layers.
  • To view certain layers on the map, check the box beside the layer and it will appear on the map.

Note: Layers are arranged in an order where the top layer will be on top of the next layer.

G1T8 qgiscloud 3.png














4. To view the sub layers, click on the + sign to expand the main layer.
G1T8 qgiscloud 4.png






















5. QGIS Cloud also comes with Map Tools to further enhance user experience. Click on Map Tools then Measure option will appear.
G1T8 qgiscloud 6.png









6. Upon clicking on Measure, a pop-up box with 4 options will appear. The options available are:
  • Position
  • Length
  • Area
  • Bearing
G1T8 qgiscloud 7.png




7. Position
As per stated in the title, position allows you to find the coordinates of a point in the map. To use position, simply just click on anywhere in the map and the coordinates (e.g. 190468 2634827) will appear on the white bar. Copy and paste the coordinates to the search bar to return you the point in the map.
G1T8 qgiscloud 8.png










8. Length

As per stated in the title, length allows you to measure the distance between the starting point and ending point on the map. You can start the measurement by clicking a point on the map and end the measure by double clicking a point on the map.

  • There are 4 units of measurement available - m, ft, km and mi.
G1T8 qgiscloud 9.png















9. Area

As per stated in the title, area allows you to measure the area by plotting a polygon on the map. To form a polygon, start by clicking a point on the map and when you are done, click on the starting point of the polygon.

  • There are 4 units of measurement available - m2, ft2, km2, mi2.
G1T8 qgiscloud 10.png












10. Bearing
As per stated in the title, bearing allows you to find the bearings relative to the point on the map.
G1T8 qgiscloud 11.png












11. There are 4 buttons available on the lower right side of the map for user to navigate around the map.
  • Home represented by home icon is to return to home page
  • Navigation represented by navigation icon and is currently unavailable
  • Zoom in represented by '+' is to zoom in to the map
  • Zoom out represented by '-' is to zoom out of the map
G1T8 qgiscloud 12.png











12. You may adjust the transparency of each layer or sub layer by clicking on the setting icon right beside the layer name and slide the slider to adjust the transparency.
G1T8 qgiscloud 13.png




  • Drag the circle on the transparency bar towards the right to reduce the transparency.
G1T8 qgiscloud 14.png


13. You can also print the map in hard copy to reference.
  • There are 4 options to adjust the map printing - layout, scale, resolution and rotation.
G1T8 qgiscloud 15.png











It will also show the area of which layer should you want to print the map.


G1T8 qgiscloud 16.png