Difference between revisions of "QGIS/C2/Creating-a-Map/English"
Snehalathak (Talk | contribs) (Created page with "{|border=1 ||'''Visual Cue''' ||'''Narration''' |- |- || '''Slide Number 1''' '''Title Slide''' || Welcome to this tutorial on '''Creating a Map''' in '''QGIS'''. |- || '''S...") |
Nancyvarkey (Talk | contribs) |
||
Line 25: | Line 25: | ||
|| To record this tutorial, I am using | || To record this tutorial, I am using | ||
− | '''Ubuntu Linux '''OS version 16.04. | + | *'''Ubuntu Linux '''OS version 16.04. |
− | '''QGIS''' version 2.18 | + | *'''QGIS''' version 2.18 |
|- | |- | ||
Line 36: | Line 36: | ||
'''https://spoken-tutorial.org/''' | '''https://spoken-tutorial.org/''' | ||
− | || To follow this tutorial you should be familiar with | + | || To follow this tutorial you should be familiar with '''QGIS''' interface. |
− | + | ||
− | + | ||
− | '''QGIS''' interface. | + | |
Line 60: | Line 57: | ||
− | Double click to open the folder. | + | Double-click to open the folder. |
|- | |- | ||
Line 81: | Line 78: | ||
|- | |- | ||
|| From the context menu click on '''open with''' '''QGIS Desktop.''' | || From the context menu click on '''open with''' '''QGIS Desktop.''' | ||
− | || Select the option, ''' | + | || Select the option, '''Open with QGIS Desktop'''. |
The map opens directly in '''QGIS''' interface. | The map opens directly in '''QGIS''' interface. | ||
− | |||
|- | |- | ||
|| Cursor on '''QGIS''' Interface | || Cursor on '''QGIS''' Interface | ||
− | || If you don’t see the option ''' | + | || If you don’t see the option '''Open with QGIS Desktop, '''first open '''QGIS''' interface. |
Line 106: | Line 102: | ||
− | In the box, click on '''Browse''' button next to ''' | + | In the box, click on '''Browse''' button next to '''Dataset''' text box. |
|- | |- | ||
Line 112: | Line 108: | ||
− | Navigate to the '''Code files''' folder on | + | Navigate to the '''Code files''' folder on '''Desktop'''. |
Line 121: | Line 117: | ||
− | Navigate to '''Code files''' folder on the Desktop. | + | Navigate to '''Code files''' folder on the '''Desktop'''. |
Line 130: | Line 126: | ||
|- | |- | ||
− | || | + | || '''Add Vector Layer''' dialog-box >> click on''' Open''' button. |
− | + | || In the '''Add Vector Layer''' dialog-box, click on '''Open''' button. | |
− | click on''' Open | + | |
− | || In the '''Add Vector Layer''' dialog-box, | + | |
− | + | ||
− | click on '''Open''' button. | + | |
Line 145: | Line 137: | ||
|- | |- | ||
− | || | + | || Click on '''Add Vector Layer ''' |
|| Again, click on '''Add Vector Layer '''tool on the toolbar. | || Again, click on '''Add Vector Layer '''tool on the toolbar. | ||
− | |||
|- | |- | ||
− | || Point to '''Vector | + | || Point to '''Add Vector Layer''' dialog-box. |
Line 157: | Line 148: | ||
− | In the box click on ''' | + | In the box click on '''Browse''' button. |
− | + | ||
|- | |- | ||
Line 164: | Line 154: | ||
− | Navigate to the '''Code files''' folder on | + | Navigate to the '''Code files''' folder on Desktop. |
Line 171: | Line 161: | ||
− | Navigate to '''Code files''' folder on the Desktop. | + | Navigate to '''Code files''' folder on the '''Desktop'''. |
Line 181: | Line 171: | ||
|- | |- | ||
− | || In the '''Add Vector Layer''' dialog-box | + | || In the '''Add Vector Layer''' dialog-box >> click on '''Open''' button. |
− | + | || In the '''Add Vector Layer''' dialog-box, click on '''Open''' button. | |
− | click on '''Open''' button. | + | |
− | || In the '''Add Vector Layer''' dialog-box, | + | |
− | + | ||
− | + | ||
− | + | ||
Line 197: | Line 182: | ||
From the '''context menu''', click on '''Properties''' option. | From the '''context menu''', click on '''Properties''' option. | ||
− | |||
− | |||
|| Let us label these cities. | || Let us label these cities. | ||
− | Right click on ''' | + | Right click on '''Places''' layer in the '''Layers''' panel. |
Line 220: | Line 203: | ||
|- | |- | ||
− | || From the first drop-down, | + | || From the first drop-down, select '''Show labels for this layer''' option. |
− | + | || In the drop-down located at the top, select '''Show labels for this layer''' option. | |
− | + | ||
− | + | ||
− | || In the drop-down located at the top, | + | |
− | + | ||
− | + | ||
− | select '''Show labels for this layer''' option. | + | |
− | + | ||
|- | |- | ||
|| Click on '''Label with''' drop down select '''name''' from the given options. | || Click on '''Label with''' drop down select '''name''' from the given options. | ||
− | || In '''Label with''' drop-down select '''name''' from the given options. | + | || In '''Label with''' drop-down, select '''name''' from the given options. |
− | + | ||
|- | |- | ||
− | || From the''' Text''' tab, select the '''font | + | || From the''' Text''' tab, select the '''font, style, size, color '''from the drop-down. |
− | || In the '''Text''' tab, we have options to choose | + | || In the '''Text''' tab, we have options to choose '''font, style, size, color''' etc. |
− | + | ||
− | '''font | + | |
− | + | ||
|- | |- | ||
Line 255: | Line 227: | ||
|- | |- | ||
|| Cursor on the map. | || Cursor on the map. | ||
− | || QGIS has a tool called '''Print Composer.''' | + | || '''QGIS''' has a tool called '''Print Composer.''' |
− | It allows you to create maps in the format that | + | It allows you to create maps in the format that are easy to read. |
|- | |- | ||
Line 264: | Line 236: | ||
− | From the list | + | From the list, select''' New Print Composer.''' |
|| Click on''' Project '''menu on the menu bar and select '''New Print Composer'''. | || Click on''' Project '''menu on the menu bar and select '''New Print Composer'''. | ||
Line 276: | Line 248: | ||
− | || You will be prompted to enter a title for the composer. | + | || You will be prompted to enter a title for the '''composer'''. |
Line 296: | Line 268: | ||
− | On the right side beside the canvas you will find two panels. | + | On the right-side beside the canvas, you will find two panels. |
|- | |- | ||
Line 311: | Line 283: | ||
From the menu scroll down and select '''Panels'''. | From the menu scroll down and select '''Panels'''. | ||
− | |||
− | |||
− | |||
|- | |- | ||
Line 345: | Line 314: | ||
|| Cursor on the window. | || Cursor on the window. | ||
|| For more information, please see additional material provided along with this tutorial. | || For more information, please see additional material provided along with this tutorial. | ||
− | |||
− | |||
− | |||
|- | |- | ||
− | || In the '''Print Composer '''window, | + | || In the '''Print Composer '''window, from the tool bar, click on '''Zoom full''' button. |
− | + | ||
− | from the tool bar, | + | |
− | + | ||
− | + | (Magnifying glass symbol with 3 blue arrows) | |
|| Now let us start to assemble our map. | || Now let us start to assemble our map. | ||
Line 362: | Line 325: | ||
− | This will display the | + | This will display the layout to its full extent. |
|- | |- | ||
Line 369: | Line 332: | ||
|- | |- | ||
− | || In the '''Print | + | || In the '''Print Composer''' window. |
Click on '''Add new map''' tool on the left tool bar. | Click on '''Add new map''' tool on the left tool bar. | ||
Line 388: | Line 351: | ||
|- | |- | ||
− | || Click and hold the left mouse button and drag a rectangle on the ''' | + | || Click and hold the left mouse button and drag a rectangle on the '''Composer window'''. |
Click and drag a box on the blank page. | Click and drag a box on the blank page. | ||
− | || Click and drag the left-mouse button to draw a rectangle on the | + | || Click and drag the left-mouse button to draw a rectangle on the '''Composer''' window. |
Line 461: | Line 424: | ||
|- | |- | ||
|| Select options from drop-down to change frame size, thickness, color etc. | || Select options from drop-down to change frame size, thickness, color etc. | ||
− | || There are options to change frame size, thickness, color etc. | + | || There are options to change frame size, thickness, color, etc. |
Line 471: | Line 434: | ||
|- | |- | ||
− | || In''' Distance to map frame, ''' | + | || In''' Distance to map frame,''' click on the upward/downward arrow. |
− | + | ||
− | + | ||
− | click on the upward/downward arrow. | + | |
|| Adjust the '''Distance to map frame''' till the coordinates are legible. | || Adjust the '''Distance to map frame''' till the coordinates are legible. | ||
Line 494: | Line 454: | ||
− | The Print Composer comes with a good collection of map related images. | + | The '''Print Composer''' comes with a good collection of map related images. |
|- | |- | ||
Line 501: | Line 461: | ||
|- | |- | ||
− | || Holding your left mouse button, | + | || Holding your left mouse button, click and draw a small rectangle on the top-right corner of the map canvas. |
− | + | ||
− | + | ||
− | click and draw a small rectangle on the top-right corner of the map canvas. | + | |
|| Bring the cursor to the map composer window. | || Bring the cursor to the map composer window. | ||
− | Holding your left mouse button, | + | Holding your left mouse button, click and draw a small rectangle on the top-right corner of the map canvas. |
− | + | ||
− | + | ||
− | click and draw a small rectangle on the top-right corner of the map canvas. | + | |
|- | |- | ||
Line 518: | Line 472: | ||
Click on the north arrow image. | Click on the north arrow image. | ||
− | || Under '''Item Properties '''tab in the right panel, | + | || Under '''Item Properties '''tab in the right panel, expand the '''Search directories''' section. |
− | + | ||
− | expand the '''Search directories''' section. | + | |
Line 526: | Line 478: | ||
− | The image appears in the box in the map | + | The image appears in the box in the map '''Composer''' window. |
|- | |- | ||
|| Click on the map composer window. | || Click on the map composer window. | ||
− | || Click on the map | + | || Click on the map '''Composer''' window. |
− | You will see the | + | You will see the North Arrow image on the top-right corner of the map. |
|- | |- | ||
Line 555: | Line 507: | ||
− | In the right panel under '''Segments '''section, | + | In the right panel under '''Segments '''section, you can adjust the number of segments and their size. |
− | + | ||
− | + | ||
− | you can adjust the number of segments and their size. | + | |
|- | |- | ||
Line 566: | Line 515: | ||
Click on '''Add new Label''' tool from the left tool bar. | Click on '''Add new Label''' tool from the left tool bar. | ||
− | |||
|- | |- | ||
Line 573: | Line 521: | ||
Holding your left mouse button, draw a box at the top-center of the map. | Holding your left mouse button, draw a box at the top-center of the map. | ||
− | |||
− | |||
|| Bring the cursor to the map composer window. | || Bring the cursor to the map composer window. | ||
Line 581: | Line 527: | ||
|- | |- | ||
− | || On the right panel, under''' Label | + | || On the right panel, under''' Label, Main Properties'''>> in the text box, type '''Map of India'''. |
− | + | ||
− | in the text box, type '''Map of India'''. | + | |
|| On the right panel you will see '''Item Properties''' tab for '''Label.''' | || On the right panel you will see '''Item Properties''' tab for '''Label.''' | ||
Line 592: | Line 536: | ||
|| In the '''Appearance''' section, click on '''Font''' tab. | || In the '''Appearance''' section, click on '''Font''' tab. | ||
|| In the '''Appearance''' section, click on '''Font''' tab. | || In the '''Appearance''' section, click on '''Font''' tab. | ||
− | |||
|- | |- | ||
Line 599: | Line 542: | ||
'''Click on OK button.''' | '''Click on OK button.''' | ||
− | || '''Select Font '''dialog-box opens, select suitable '''Font | + | || '''Select Font '''dialog-box opens, select suitable '''Font, Font style''' and '''Size'''. |
Line 609: | Line 552: | ||
− | After you have finished making changes, | + | After you have finished making changes, click in the composer window to view the changes. |
− | + | ||
− | + | ||
− | click in the composer window to view the changes. | + | |
|- | |- | ||
|| Cursor on the label. | || Cursor on the label. | ||
− | || The label with selected font and size appears on the map in the ''' | + | || The label with selected font and size appears on the map in the '''Composer '''window. |
|- | |- | ||
|| Cursor on the window. | || Cursor on the window. | ||
|| Next let us add an '''Inset map'''. | || Next let us add an '''Inset map'''. | ||
− | |||
|- | |- | ||
Line 632: | Line 571: | ||
Click on the '''Zoom In''' button on the tool bar. | Click on the '''Zoom In''' button on the tool bar. | ||
− | |||
|- | |- | ||
Line 659: | Line 597: | ||
− | Draw a rectangle at the top left corner of the '''Composer | + | Draw a rectangle at the top left corner of the '''Composer '''window. |
− | + | ||
|- | |- | ||
Line 673: | Line 610: | ||
− | Move the map in the inset to the location of your preference. | + | Move the map in the '''inset''' to the location of your preference. |
|- | |- | ||
Line 680: | Line 617: | ||
Click on inset map. | Click on inset map. | ||
− | + | || You will have 2 map objects in the '''Print Composer''' - Main map and '''inset''' map. | |
− | + | ||
− | || You will have 2 map objects in the Print Composer | + | |
− | + | ||
|- | |- | ||
Line 690: | Line 624: | ||
Change the color and thickness of the frame border. | Change the color and thickness of the frame border. | ||
− | || In the | + | || In the '''Item Properties''' panel, scroll down to the '''Frame''' section and check the box next to it. |
− | + | ||
− | + | ||
− | scroll down to the '''Frame''' section and check the box next to it. | + | |
Change the color and thickness of the frame border for the '''inset map''', | Change the color and thickness of the frame border for the '''inset map''', | ||
− | |||
|- | |- | ||
|| Click on Background color drop-down and choose the color from the color triangle. | || Click on Background color drop-down and choose the color from the color triangle. | ||
− | || Change the background color for the inset map. | + | || Change the background color for the '''inset''' map. |
− | + | So that it is easy to distinguish against the map background. | |
|- | |- | ||
Line 720: | Line 650: | ||
− | Here we have options to export the map as '''Image | + | Here we have options to export the map as '''Image, PDF''' or '''SVG'''. |
|- | |- | ||
Line 781: | Line 711: | ||
In this tutorial we have learnt to, | In this tutorial we have learnt to, | ||
− | * Create maps using Print Composer. | + | * Create maps using '''Print Composer'''. |
− | * Adding map elements in the | + | * Adding map elements in the '''Composer'''. |
* Export the map. | * Export the map. | ||
Line 791: | Line 721: | ||
|| Assignment | || Assignment | ||
− | * Using the world dataset given in the | + | * Using the world '''dataset''' given in the '''Code files''' link, create a map of Asia Continent. |
− | * Create an inset map of India. | + | * Create an '''inset''' map of India. |
* Add a map legend. | * Add a map legend. | ||
Line 815: | Line 745: | ||
For more details please write to us. | For more details please write to us. | ||
− | |||
|- | |- |
Revision as of 08:44, 26 April 2019
Visual Cue | Narration |
Slide Number 1
Title Slide |
Welcome to this tutorial on Creating a Map in QGIS. |
Slide Number 2
Learning Objectives |
In this tutorial, we will learn to,
|
Slide Number 3
System Requirement |
To record this tutorial, I am using
|
Slide Number 4
Pre-requisites |
To follow this tutorial you should be familiar with QGIS interface.
|
Slide Number 5
Example for Demonstration |
Download the folder given in the Code files link, located below the player.
|
Point to Code-file folder on desktop.
Double-click on Code-file folder. |
Here is my Code files folder.
|
Point to the files in the folder. | In this folder you will find shape files for India and world map. |
Cursor on indiaboundary.shp file.
|
Locate indiaboundary.shp file.
|
From the context menu click on open with QGIS Desktop. | Select the option, Open with QGIS Desktop.
|
Cursor on QGIS Interface | If you don’t see the option Open with QGIS Desktop, first open QGIS interface.
|
Click on Layer menu, from the drop-down menu select Add Vector Layer. | Click on Add Vector Layer tool on the left tool bar. |
Point to Vector Data Source dialog-box.
|
Add Vector Layer dialog-box opens.
|
Cursor on dialog box.
Click on Open button. |
A dialog-box opens.
|
Add Vector Layer dialog-box >> click on Open button. | In the Add Vector Layer dialog-box, click on Open button.
|
Cursor on the canvas. | Now let us add the shape file representing few cities of India. |
Click on Add Vector Layer | Again, click on Add Vector Layer tool on the toolbar. |
Point to Add Vector Layer dialog-box.
|
Add Vector Layer dialog-box opens.
|
Cursor on the dialog box.
|
A dialog-box opens.
|
Click on Open button. | Click on Open button. |
In the Add Vector Layer dialog-box >> click on Open button. | In the Add Vector Layer dialog-box, click on Open button.
|
Right click on places layer in the Layers panel.
|
Let us label these cities.
|
Cursor on Layer Properties dialog box.
Click on labels tab.
|
In the Layer Properties dialog-box.
|
From the first drop-down, select Show labels for this layer option. | In the drop-down located at the top, select Show labels for this layer option. |
Click on Label with drop down select name from the given options. | In Label with drop-down, select name from the given options. |
From the Text tab, select the font, style, size, color from the drop-down. | In the Text tab, we have options to choose font, style, size, color etc. |
Click on Apply button and OK button. | Click on Apply button and OK button. |
Cursor on the map. | On the canvas, India map with some cites and labels is displayed.
|
Cursor on the map. | QGIS has a tool called Print Composer.
|
Click on Project menu on the menu bar.
|
Click on Project menu on the menu bar and select New Print Composer. |
Cursor on Composer title dialog-box. | Composer title dialog-box opens. |
Type Map-1.
|
You will be prompted to enter a title for the composer.
|
Click on OK button. | Click on OK button.
|
Cursor on the canvas.
|
Print Composer provides you with a blank canvas.
|
Cursor on Panels. | The upper panel and the lower panel. |
Click on View menu.
|
To enable the panels, click on View menu.
|
Point to sub-menu. | The sub-menu shows the list of panels.
|
Click on the panel name from sub-menu.
|
Click on the panel name to select it.
|
Cursor on tool bar.
|
All Print Composer tools are available in menus and as icons on the toolbars.
|
Cursor on the window. | For more information, please see additional material provided along with this tutorial. |
In the Print Composer window, from the tool bar, click on Zoom full button.
(Magnifying glass symbol with 3 blue arrows) |
Now let us start to assemble our map.
|
Cursor on the Print Composer window. | Now we have to bring the map view that we see in the QGIS Canvas to the Composer. |
In the Print Composer window.
Click on Add new map tool on the left tool bar. |
Click on Add new map tool on the tool bar. |
Move the cursor on the composer window.
|
Move the cursor on the composer window.
|
Click and hold the left mouse button and drag a rectangle on the Composer window.
|
Click and drag the left-mouse button to draw a rectangle on the Composer window.
|
Cursor on the composer window. | You will see that the rectangle window will be rendered with the map from the main QGIS canvas. |
Cursor on the composer window. | The rendered map may not be covering the full window. |
Click on Move content tool on the left tool bar. | Click on Move item content tool on the left tool bar. |
Use left mouse button and move the map in the window. | Using left mouse button, move the map in the window and centre it.
|
Cursor on the map. | Now we will add a grid and zebra border to the main map. |
In Item Properties Panel, scroll down to Grids section. | In Item Properties Panel, scroll down to Grids section. |
Click on small black-triangle next to Item Properties. | Click on small black-triangle next to Grids to view the expanded menu. |
Click the Green plus (+), Add a new grid button.
|
Click the Green plus (+), Add a new grid button.
|
Click on Change button next to CRS. | If required, there is an option to change CRS.
|
Click on drop-down arrows and select 10 in X and Y directions. | Select the Interval values as 10 degrees in both X and Y direction using drop-down arrows. |
Scroll down to the Grid frame section.
|
Scroll down to the Grid frame section and select a Frame style.
|
Select options from drop-down to change frame size, thickness, color etc. | There are options to change frame size, thickness, color, etc.
|
Check the Draw Coordinates check-box. | Scroll down and check the Draw Coordinates check-box. |
In Distance to map frame, click on the upward/downward arrow. | Adjust the Distance to map frame till the coordinates are legible.
|
Select the Coordinate precision as 1.
|
Select the Coordinate precision as 1.
|
Cursor on the map. | Next, we will add a North Arrow to the map.
|
Click on Add imageicon on the tool bar. | Click on Add image icon on the tool bar. |
Holding your left mouse button, click and draw a small rectangle on the top-right corner of the map canvas. | Bring the cursor to the map composer window.
|
Click on the black arrow next to Search directories section.
|
Under Item Properties tab in the right panel, expand the Search directories section.
|
Click on the map composer window. | Click on the map Composer window.
|
Click on Add new scalebar tool from the tool bar. | Now we will add a scale bar to the map.
|
Cursor on the map. | Click on the map where you want the scalebar to appear. |
Click on bottom-left corner.
In the right panel under Segments section, adjust the number of segments and their size.
|
I will add the scale bar at the bottom-left corner.
|
Click on Add new Label tool from the left tool bar. | We will now add the title for our map.
|
Bring the cursor to the map composer window.
|
Bring the cursor to the map composer window.
|
On the right panel, under Label, Main Properties>> in the text box, type Map of India. | On the right panel you will see Item Properties tab for Label.
Under Main Properties, in the text box, type Map of India. |
In the Appearance section, click on Font tab. | In the Appearance section, click on Font tab. |
Select Font dialog-box opens, select suitable Font, Font style and size.
|
Select Font dialog-box opens, select suitable Font, Font style and Size.
|
Click in the composer window. | Change the font color, margins and alignment as per your preference.
|
Cursor on the label. | The label with selected font and size appears on the map in the Composer window. |
Cursor on the window. | Next let us add an Inset map. |
Cursor on main QGIS window.
|
Switch to the main QGIS window.
|
Bring the cursor to the map, zoom the area around Mumbai.
|
Bring the cursor to the map, zoom the area around Mumbai.
|
Switch to Print Composer window. | We are now ready to add the map inset.
|
Click on Add new map tool from the tool bar.
|
Click on Add new map tool from the tool bar.
|
Select Move item Content tool from the tool bar.
|
Select Move item Content tool from the tool bar.
|
Cursor on maps.
|
You will have 2 map objects in the Print Composer - Main map and inset map. |
In the Item Properties panel, scroll down to the Frame section.
|
In the Item Properties panel, scroll down to the Frame section and check the box next to it.
|
Click on Background color drop-down and choose the color from the color triangle. | Change the background color for the inset map.
|
Cursor on the map. | Explore other map elements such as Legends, shapes, arrows etc. |
Cursor on the map. | Once you have finished making required changes, you can save or export the map. |
Click on Composer menu on the menu bar. | Click on Composer menu on the menu bar.
|
Click on Export as Image option. | Let us export the map as an image.
|
Cursor on Save composition as dialog-box .
|
Save composition as dialog-box opens.
|
Select file format as PNG.
|
I will choose PNG format.
|
Cursor on Image export options dialog-box.
|
Image export options dialog-box opens.
Choose appropriate resolution, page-width and height.
|
Here is the map saved as an image file.
This map can now be printed or published. | |
Slide Number 6
Summary |
Let's summarize,
In this tutorial we have learnt to,
|
Slide Number 7
Assignment |
Assignment
|
Show the images of assignments. | Your completed assignment should look as shown here. |
Slide Number 8
About the Spoken Tutorial Project |
The video at the following link summarises the spoken tutorial project. Please download and watch it.
|
Slide Number 9
Spoken Tutorial Workshops
|
The spoken tutorial project team conducts workshops and gives certificates on passing online tests
For more details please write to us. |
Slide Number 10
Forum for specific questions |
Please post your timed queries on this forum. |
Slide number 11 | The Spoken Tutorial Project is funded by NMEICT, MHRD Government of India.
More information on this mission is available at the following link. |
Slide number 11 | This tutorial is contributed by Prajwal.M from NIT Surathkal and Snehalatha from IIT Bombay.
Thank you for watching. |