Difference between revisions of "Marble/C2/Edit-maps/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(14 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
 
 
 
{| border=1
 
{| border=1
 
|-  
 
|-  
Line 8: Line 5:
  
 
|-
 
|-
| | '''Slide Number 1 '''
+
|| '''Slide Number 1 '''
  
 
'''Title slide '''
 
'''Title slide '''
| | Welcome to this SpokenTutorial on''' Edit Maps in Marble.'''
+
|| Welcome to this SpokenTutorial on''' Edit Maps in Marble.'''
 
|-
 
|-
| | '''Slide Number 2'''  
+
|| '''Slide Number 2'''  
  
 
'''Learning Objectives'''
 
'''Learning Objectives'''
  
  
 +
|| In this tutorial we will learn to add the following on the  map,
  
|  | In this tutorial we will learn to add the following on the  map,
+
* A placemark
 
+
* A polygon and
* a placemark
+
* A path  
* a polygon and
+
* a path  
+
 
+
  
 
|-
 
|-
| | '''Slide Number 3'''
+
|| '''Slide Number 3'''
  
 
'''Learning Objectives'''
 
'''Learning Objectives'''
 
+
|| We will also learn to save an '''annotation file'''.
 
+
 
+
| | We will also learn to,
+
 
+
* Save an annotation file  
+
 
+
  
 
|-
 
|-
| | '''Slide Number 4'''
+
|| '''Slide Number 4'''
  
 
'''System Requirements'''
 
'''System Requirements'''
 
+
|| To record this tutorial, I am using,  
 
+
*'''Ubuntu Linux OS''', version 16.04  
 
+
*'''Marble '''version 1.12.20 and
| | To record this tutorial, I am using,  
+
*Working internet connection
 
+
 
+
'''Ubuntu Linux OS''', version 16.04  
+
 
+
'''Marble '''version 1.12.20 and
+
 
+
Working internet connection
+
  
  
 
The process demonstrated in this tutorial  is identical in  
 
The process demonstrated in this tutorial  is identical in  
 
+
*'''Ubuntu Linux OS''', version 18.04  
'''Ubuntu Linux OS''', version 18.04  
+
*'''Marble '''version 2.2.20
 
+
'''Marble '''version 2.2.20
+
 
+
 
+
  
 
|-
 
|-
| | '''Slide Number 4'''  
+
|| '''Slide Number 5'''  
  
 
'''Pre-requisites'''
 
'''Pre-requisites'''
  
 
'''https://spoken-tutorial.org'''
 
'''https://spoken-tutorial.org'''
| | To practise this tutorial, the learner should be familiar with '''Marble''' interface
+
|| To practise this tutorial, the learner should be familiar with '''Marble''' interface
  
  
 
For the prerequisite '''Marble '''tutorials, please visit this site.
 
For the prerequisite '''Marble '''tutorials, please visit this site.
 
  
 
|-
 
|-
| |  
+
||  
| | I have opened the Marble interface.
+
|| I have opened the '''Marble''' interface.
 
|-
 
|-
| |Click on the'''OpenStreetMap'''view
+
||Click on the'''OpenStreetMap''' view
  
Zoom in.
+
Zoom in >> Point on our home location '''Mumbai.'''
 +
||Go to '''Map View''' and select ''' OpenStreetMap'''.
  
Point on our home location'''Mumbai.'''
+
|-
 
+
||Right click on '''Overviewmap'''.
 
+
Right click on '''Overviewmap'''.
+
  
 
From the context menu select'''Hide''' option.
 
From the context menu select'''Hide''' option.
Line 92: Line 68:
 
Right click on '''Compass'''.
 
Right click on '''Compass'''.
  
From the context menu select'''Hide''' option.
+
From the context menu select '''Hide''' option.
  
 
Right click on '''Scale bar'''.
 
Right click on '''Scale bar'''.
  
From the context menu select'''Hide''' option.
+
From the context menu select '''Hide''' option.
 +
||I will hide ''' Overview map''', '''Compass''' and '''Scale bar'''  for better view of the map.
  
 +
|-
 +
||Go to drop-down button and select '''Flat view''' option.
 +
||I will select '''Flat view''' option from the drop-down.
 +
|-
 +
||
 +
|| Let us hide latitudes and longitudes for better visibility of the map.
  
Go to dropdown button andselect'''Flat view''' option.
 
|  |Go to'''Map View''' and select ''' OpenStreetMap'''view.
 
 
 
 
 
I will hide''' Overview map, '''Compass''' and '''Scale bar''' for better view of the map.
 
 
 
 
 
I will select Flat view option from the dropdown.
 
 
|-
 
|-
| |  
+
|| Go to the Legend panel and un-check '''Coordinate Grid''' checkbox.
|  | Let us hide latitudes and longitudes for better visibility of the map.
+
||Go to the '''Legend''' panel and un-check '''Coordinate Grid''' checkbox.
 
+
|-
Go to the Legend panel and uncheck Coordinate Grid check box.
+
||
 
+
||Let us make the '''Edit Maps''' panel visible if it is not seen on the interface.
 
+
  
 
|-
 
|-
| |  
+
|| Click on the '''Settings''' menu and select '''Panels'''.
 
+
 
+
 
+
Click on the'''Settings'''menu and select '''Panels.'''
+
 
+
  
 
From the sub-menu choose'''Edit Maps ''' option.
 
From the sub-menu choose'''Edit Maps ''' option.
  
 +
Point to '''Edit Maps panel'''.
 +
||Click on the '''Settings''' menu and select '''Panels'''.
  
Point to'''Edit Maps panel .'''
+
From the sub-menu, select '''Edit Maps ''' option.
  
 +
|-
 +
|| Point on '''Edit Maps''' panel and click on it.
  
 +
Point on the icons.
 +
||In the '''Edit Maps''' panel we see some icons.
  
| |Let us make the'''Edit Maps''' panel visible, if it is not seen on the interface.
+
|-
 +
||
 +
||Let us first learn to add a placemark on the map.
  
 +
|-
 +
|| Cursor on the interface.
  
Click on the'''Settings'''menu and select '''Panels. '''
+
 
+
Zoom in and point '''IIT Bombay ''' on the map.
 
+
||Let us go to our home location Mumbai.
From the sub-menu, select'''Edit Maps ''' option.
+
  
 +
We will add a placemark on the location of '''IIT Bombay'''.
  
 +
Zoom in and locate '''IIT Bombay'''.
  
 
|-
 
|-
| |  
+
||Click on '''Add Placemark''' option.
  
Point on '''Edit Maps''' panel and click on it
+
Point on'''Edit Placemark''' dialog box
 
+
||Go to '''Edit Maps''' panel and click on '''Add Placemark ''' icon.
Point on'''Add Placemark, Add polygon, Add path, AddGroundoverlay'''and others.
+
|  |In the'''Edit Maps'''panel we see some icons.
+
  
 +
'''Edit Placemark''' dialog box opens on the interface.
  
 +
|-
 +
||In the '''Name field''' type the name as '''IIT Bombay'''.
 +
||In the '''Name field''' type the name as '''IIT Bombay.'''
  
 
|-
 
|-
| | Cursor on the interface.
+
|| Under Label click on the Color button. Point on '''Select colour''' window.
  
  
Zoom in and point'''IIT Bombay '''on the map
+
From the colour box,  select dark blue colour.
|  | Let us first learn to add a placemark on the map.
+
|| Under '''Label''' click on the '''Color''' button.  
  
 +
'''Select Color''' window opens.
  
Let us go to our Home location Mumbai.
 
  
We will add a placemark on the location of'''IIT Bombay'''.
+
From the colour box, I will select dark blue colour.
  
Zoom in and locate'''IIT Bombay'''.
 
 
|-
 
|-
| |Click on'''Add Placemark'''option.
+
||Click on the OK button in the window.
 +
||Click on the '''OK''' button in the window.  
  
Point on'''Edit Placemark'''dialogue box
+
|-
| |Go to'''Edit Maps'''panel and click on'''Add Placemark '''icon .
+
|| Click on the '''Description''' tab.
 +
||Next click on the '''Description''' tab.  
  
'''Edit Placemark'''dialogue box opens on the interface.
+
|-
 +
||In the '''Description''' field, type the information given in the code files link.
 +
||In the '''Description''' field, I will add some information about '''IIT Bombay'''.
  
  
 +
The information about '''IIT Bombay''' is provided in the '''Code files''' link.
  
 
|-
 
|-
| |In the'''Name field'''type the name as'''IIT Bombay.'''
+
||Check '''Show Balloon popup''' checkbox.
 
+
||Check '''Show Balloon popup''' checkbox.
 
+
 
+
| |In the'''Name field'''type the name as'''IIT Bombay.'''
+
  
 +
|-
 +
|| Click on the OK button at the bottom of the dialog box.
 +
|| Click on the '''OK''' button at the bottom of the dialog box.
  
 
|-
 
|-
| |  
+
||Point on the location of '''IIT Bombay''' in the map.
| | Under Label click on the Color button. Select colour window opens.
+
|| Now we can see a placemark at the location of '''IIT Bombay'''.
  
 
In the colour box, I will select dark blue colour.
 
 
 
Click on the OK button in the window.
 
 
|-
 
|-
| |  
+
|| Click on its label.
 +
|| Click on its label.
  
In the Description field, type the information given in the code files link.
 
 
 
 
|  | Click on the Description tab.
 
 
 
In the'''Description''' field, I will add some information about '''IIT Bombay'''.
 
 
 
The information about IIT Bombay is provided in the Code files link.
 
 
 
Check'''Show Balloon popup'''checkbox.
 
|-
 
|  | Click on the OK button at the bottom of the Edit Placement dialogue box.
 
|  | Click on the OK button at the bottom of the Edit Placemark dialogue box.
 
|-
 
|  |Point on the location of'''IIT Bombay'''in the map.
 
|  | Now we can see a placemark at the location of IIT Bombay.
 
|-
 
|  | Click on its label.
 
|  | Click on its label.
 
 
|-
 
|-
| |Point on'''Place Information data sheet'''.
+
||Point on '''Place information data sheet'''.
  
Point on the'''short description.'''
+
Point on the '''Short description'''.
  
  
 
Click on the close button.
 
Click on the close button.
| |'''Place Information data sheet '''opens.
+
||'''Place information data sheet ''' opens.
 
+
In the'''short description, '''information added in the'''Description'''field is shown.
+
 
+
let us close this sheet.
+
  
 +
In the '''Short description, ''' information added in the '''Description''' field is shown.
  
 +
Let us close this sheet.
  
 
|-
 
|-
| | Slide  
+
|| '''Slide Number 6'''
  
Assignment  
+
''' Assignment '''
| | An Assignment for you,
+
|| An assignment for you.
  
Add a placemark and description for Delhi on the map.
+
Add a placemark and description for '''Delhi''' on the map.
  
Hint: The description about Delhi is provided in the Code files link.
+
Hint: The description about ''' Delhi'''  is provided in the '''Code files''' link.
  
 
+
|-  
 
+
||Point on '''Add polygon ''' icon.
|-
+
| |Point on'''Add polygon '''icon.
+
  
  
 
Zoom in and place the cursor in Kerala.
 
Zoom in and place the cursor in Kerala.
 +
|| Let us now add a polygon to highlight a particular area on the map.
  
 +
We will add a polygon to highlight '''Kerala ''' on the map.
  
 +
|-
 +
||Zoom in and locate '''Kerala''' on the map.
  
|  | Let us now add a polygon to highlight a particular area on the map.
+
Click on the '''Add Polygon''' icon.
 
+
||Zoom in and locate '''Kerala''' on the map.
We will add a polygon to highlight'''Kerala '''on the map.
+
 
+
  
 +
Click on the '''Add Polygon''' icon.
  
 
|-
 
|-
| |Zoom in and locate'''Kerala'''on the map.
+
||Point on '''Add polygon ''' dialog box.
 
+
Click on''' '''the'''Add Polygon'''icon.
+
 
+
 
+
 
+
|  |Zoom in and locate'''Kerala'''on the map.
+
 
+
Click on''' '''the'''Add Polygon'''icon.
+
  
 +
Type the name as Kerala in the '''Name ''' field.
 +
||'''Add polygon ''' dialog box appears on the interface.
  
 +
In the '''Name ''' field type the name as '''Kerala'''
  
 
|-
 
|-
| |Point on'''Add polygon '''dialogue box.
+
||
 +
||Let us select colours for '''Lines''' and '''Area''' of the polygon.
  
Type the name as Kerala in the'''Name '''field.
 
|  |'''Add polygon '''dialogue box appears on the interface.
 
 
In the'''Name '''field type the name as'''Kerala'''
 
 
|-
 
|-
| | Drag the dialogue box to the side of the interface.
+
||Click on the color button.
|  | Let us re-size and place the dialogue box to the left side of the interface.
+
|-
+
|Click on'''Style ,Color'''option.
+
 
+
 
+
Select red colour for'''Lines'''and click the OK button.
+
 
+
 
+
Select blue colour for'''Area'''and click the OK button.
+
|  |Click on'''Style, Color'''tab.
+
 
+
Let us select colours for'''Lines'''and'''Area'''of the polygon.
+
  
 +
Point to '''Select color''' window.
  
Click on the colour button.
+
From the colour box ,select red colour for '''Lines'''
  
 +
Click the '''OK''' button.
 +
||Click on the '''Color''' button.
  
Select color window opens
 
  
 +
'''Select Color''' window opens.
  
From the colour box I will select red colour for'''Lines'''and click the OK button.
 
  
 +
From the colour box, I will select red colour for '''Lines'''
  
 +
Click the on the '''OK''' button.
  
 
|-
 
|-
| |Point on the'''Width'''dropdown button.
+
||Point on the '''Width''' dropdown button.
  
  
 
Choose the line width as 1.5.
 
Choose the line width as 1.5.
 
+
||We see a '''Width''' drop-down button.
 
+
 
+
| |We see a'''Width'''dropdown button next to'''Lines. '''
+
  
 
We can select the line width here. I will choose the line width as 1.5.
 
We can select the line width here. I will choose the line width as 1.5.
  
 +
|-
 +
||Click on the color button under '''Area'''.
  
Click on the color button under Area.
+
'''Select color''' window opens.
  
Select colour window opens.
+
From the color box, select magenta for '''Area'''.
  
From the color box I will select magenta for'''Area'''.
+
Click on the '''OK''' button.
  
click on the OK button.
 
|-
 
|  |Click on'''Nodes '''option.
 
  
 +
||Click on the '''Color''' button under '''Area'''.
  
 +
'''Select Color''' window opens.
  
|  |Now click on'''Nodes '''tab.
+
From the colour box, I will select magenta for '''Area'''.
 
+
  
 +
Click on the '''OK''' button.
  
 
|-
 
|-
| | Slide
+
||Resize and place the dailog box to the left side of the interface.
  
Node
+
Click on'''Nodes '''option.
| | Node is a point on the map.
+
||Let us resize and place the dialog box to the left side of the interface.
  
It specifies the longitude and latitude of a particular place.  
+
Now click on '''Nodes ''' tab.
|-
+
|  |
+
  
 
|  |Let us now start marking'''Nodes'''to draw a polygon on the map of Kerala.
 
 
|-
 
|-
| | Give nodes on the border of Kerala.
+
|| '''Slide Number 7'''
  
 +
'''Node'''
  
Point on the dark blue color on the map.
+
|| '''Node''' is a point on the map.
  
 +
It specifies the longitude and latitude of a particular place.
  
 
+
|-
| |To mark the area with nodes, click anywhere on the boundary of'''kerala'''.
+
|| Give nodes on the border of '''Kerala'''.
 
+
keep clicking all along the boundary.  
+
  
  
 +
||Let us now start marking '''Nodes''' to draw a polygon on the area of Kerala.
  
 
|-
 
|-
| | Give nodes in the full area
+
|| Click  on the boundary of '''Kerala'''. keeps clicking all along the boundary.
  
Point on the polygon area in the map
+
||To mark the area with nodes, click anywhere on the boundary of '''Kerala'''.
| | Let us complete the full area of kerala.  
+
  
 +
Keep clicking all along the boundary to complete the full area of '''Kerala'''.
  
Notice that after marking the nodes Kerala appears as magenta colour .
+
|-
 +
||Click on the '''OK''' button at the bottom of the dialog box.
  
 +
Point on  '''Kerala''' on the map.
 +
||Click on the '''OK''' button at the bottom of the dialog box.
  
 +
After marking all the nodes, '''Kerala''' appears in magenta colour.
  
 
|-
 
|-
| | Slide Number  
+
|| '''Slide Number 8'''
  
Assignment
+
''' Assignment'''
| | An assignment for you.
+
|| An assignment for you.
 +
 
 +
Highlight '''Karnataka''' state using the '''Add polygon''' option.
  
Add a polygon to highlightKarnataka on the map.
 
 
|-
 
|-
| |  
+
|| Point to the Add path icon.
  
Point to the Add path icon.
 
  
Go to our Placemark'''IITBombay'''and zoom in .
+
||Next icon is '''Add path'''.
  
Go to our home location Mumbai
+
If we wish to add some lines or path on the map we can use '''Add path''' tool.
|  |Next icon is'''Add path'''.
+
 
+
If we wish to add some lines or path in the map we can use'''Add path'''tool.
+
 
+
Let us go to our home location Mumbai.
+
 
+
We will add a path from Pune to Solapur on the map.
+
  
  
 +
We will add a path from '''Pune''' to '''Solapur''' on the map.
  
 
|-
 
|-
| | Locate Thane and Airoli on the map.
+
|| Locate  '''Pune ''' and '''Solapur ''' on the map.
 
+
Place the cursor on the label Thane.
+
| | Locate Pune and Solapur on the map.
+
 
+
  
 +
||Locate '''Pune''' and '''Solapur''' on the map.
  
 
|-
 
|-
| |Click on'''Add path'''icon.
+
||Click on '''Add path''' icon.
  
  
Point to'''Add path'''dialog box.
+
Point to '''Add path''' dialog box.
 
+
||Click on '''Add Path ''' icon.
 
+
 
+
| |Click on'''Add Path '''icon.
+
 
+
'''Add path'''dialog box opens on the interface.
+
 
+
In the'''Name'''field I will type the name as'''Path-1.'''
+
  
 +
'''Add path''' dialog box opens on the interface.
  
 +
In the '''Name''' field I will type the name as '''Path-1'''.
  
 
|-
 
|-
| |Click on the'''Color'''box.
+
||Click on the color  button under '''Lines'''.
  
From the'''Color'''window I will select Violet colour.
+
From the color box, select blue color.
 +
Click on the  '''Ok''' button.
 +
||Next we will select colour and width for our path.
  
  
 +
Click on the '''Color''' button under '''Lines'''.
  
 +
From the colour box,I will select blue colour.
  
Click on the'''Width'''dropdown button and choose 1.5.
 
 
 
 
|  |Next we will select'''Color'''and'''Width'''for our path .
 
 
Click on the color button under Lines.
 
 
 
 
 
From the colour window I will select
 
 
blue colour.
 
 
 
Click on the Width dropdown button.
 
 
I will choose the color width as 1.5.
 
  
 +
Click on the  '''Ok''' button.
 +
|-
 +
||Click on the '''Width''' drop-down button and choose 1.5.
 +
||Click on the '''Width''' drop-down button.
  
 +
I will choose the colour width as 1.5.
  
 
|-
 
|-
| |Click on the'''Nodes'''tab in the dialog box
+
||Resize and place the dialog box to the left side of the interface.
 
+
move this window to a convenient location.
+
 
+
Startmarking thenodes one by one.
+
  
 +
Click on the '''Nodes''' tab in the dialog box.
  
  
| |Click on the'''Nodes'''tab in the dialog box.
+
Start marking the nodes one by one.
 +
||Let us resize and drag the dialog box to the left side of the interface.
  
 +
Click on the '''Nodes''' tab in the dialog box.
  
I will drag and place this dialog box in a convenient location.
 
  
 +
Then start marking the nodes one by one from Pune to Solapur.
  
Then startmarking thenodes one by one from Pune to Solapur.
 
 
|-
 
|-
| | Click on the OK button in the Add path dialog box.
+
|| Click on the'''OK''' button at the bottom of the dialog box.
  
  
Point on the path or line is formed in the main gate road on the map.
+
||Click on the '''OK''' button at the bottom of the dialog box.
 
+
 
+
 
+
| |After completing the path click on the'''OK'''button in the'''Add Path '''dialog box.
+
  
  
 
Notice that a path is marked from Pune to Solapur on the map.
 
Notice that a path is marked from Pune to Solapur on the map.
 
 
  
 
|-
 
|-
|
+
||  Click on '''Save Annotation FIle''' icon.
 
+
|| Let us save all the annotations we have made on this map.
Click on the'''Save Annotation FIle'''icon.
+
| | Let us save all the annotations we have made on this map.
+
 
+
 
+
Click on the'''Save Annotation FIle'''icon.
+
  
  
 +
Click on '''Save Annotation File''' icon.
  
 
|-
 
|-
| |Point to''' Save Annotation FIle '''dialog box .
+
||Point to''' Save Annotation File ''' dialog box .
  
  
 
Double click on the Desktop'''.'''
 
Double click on the Desktop'''.'''
| |'''Save Annotation FIle '''dialog box opens on the interface.
+
||'''Save Annotation FIle ''' dialog box opens on the interface.
  
  
 
Select a location to save the file.
 
Select a location to save the file.
  
I will select''' Desktop'''folder.
+
I will select ''' Desktop''' folder.
 
+
 
+
  
 
|-
 
|-
| |In the File name field type the name as'''Annotation-1.kml.'''
+
||In the File name field type the name as '''Annotation-1.kml'''.
  
Cursor on'''Files of Type '''dropdown.
+
Cursor on '''Files of Type ''' dropdown.
  
  
Click on the'''OK'''button at the bottom of the dialog box.
+
Click on the'''OK''' button in the dialog box.
| |In the'''File name'''field type the name as'''Annotation-1.kml.'''
+
||In the '''File name''' field type the name as '''Annotation-1.kml.'''
  
Please note that file format should be'''.kml'''or .'''osm.'''
+
Please note that file format should be'''.kml''' or '''osm'''.
 +
.
  
 
+
Click on the '''Save''' button in the dialog box.
Click on the'''Save'''button at the bottom of the dialog box.
+
 
|-
 
|-
| |Go to the'''Desktop folder'''.
+
||Close this Marble application.
  
Point to''' Annotation-1.kml '''on the'''Desktop'''.
+
Go to the '''Desktop folder'''.
  
 
+
Point to ''' Annotation-1.kml '''on the '''Desktop'''.
 
+
|| Let us check our annotation file.
| | Let us check our annotation file.
+
  
  
 
I will close this Marble application.
 
I will close this Marble application.
  
Go to the'''Desktop folder'''.
+
Go to the '''Desktop''' folder.
 
+
 
+
'''Annotation-1.kml '''is saved on the'''Desktop'''.
+
  
  
 +
'''Annotation-1.kml ''' file is saved on the '''Desktop'''.
  
 
|-
 
|-
| | Right-click on the file.
+
|| Right-click on the file.
  
Select the option'''Open with KDE Marble.'''
+
Select the option'''Open with Marble'''.
  
 
Point to all the annotations.
 
Point to all the annotations.
| | To open the file, right-click on the file.
+
|| To open the file, right-click on the file.
  
  
From the context menu select the'''Open with KDE Marble '''option'''.'''
+
From the context menu select '''Open with Marble '''option.
  
 
Notice that all annotations made on the map have been saved in this file.
 
Notice that all annotations made on the map have been saved in this file.
  
 +
|-
 +
||
 +
|| We will learn more about edit maps in the upcoming tutorials.
  
 
|-
 
|  |
 
|  | We will learn more about edit maps in the upcoming tutorials.
 
 
|-
 
|-
| | Slide Number 6
+
||'''  Slide Number 9'''
  
 
'''Summary'''
 
'''Summary'''
  
  
 +
|| Let us summarise
  
|  | Let us summarise
+
In this tutorial, we have learnt to add the following on the map.
 
+
In this tutorial we have learnt to.
+
 
+
 
+
 
* A placemark
 
* A placemark
 
* A polygon and
 
* A polygon and
* A path <br/>
+
* A path  
We have also learnt to,
+
* Save an annotation file
+
  
 +
|-
 +
||'''  Slide Number 10'''
 +
 +
'''Summary'''
 +
||We have also learnt to save an '''annotation''' file.
  
 
|-
 
|-
| | Slide Number 7
+
|| '''Slide Number 11'''
 
+
'''About the Spoken Tutorial project '''
'''About Spoken Tutorial project '''
+
|| The video at the following link summarises the Spoken Tutorial project.
| | The video at the following link summarises the Spoken Tutorial project.
+
  
 
Please download and watch it.
 
Please download and watch it.
 
|-
 
|-
| | Slide Number 8
+
|| '''Slide Number12'''
  
 
'''Spoken Tutorial workshops'''
 
'''Spoken Tutorial workshops'''
| | The '''Spoken Tutorial Project '''team:
+
|| The '''Spoken Tutorial Project '''team conducts workshops and gives certificates.
 
+
conducts workshops using spoken tutorials and gives certificates.
+
  
 
For more details, please write to us.
 
For more details, please write to us.
 
|-
 
|-
| | Slide Number9
+
|| '''Slide Number 13'''
  
 
'''Forum for specific questions'''
 
'''Forum for specific questions'''
  
 
'''https://spoken-tutorial.org'''
 
'''https://spoken-tutorial.org'''
| | Please post your timed queries in this forum.
+
|| Please post your timed queries in this forum.
 
|-
 
|-
| | Slide Number 10
+
|| '''Slide Number 14'''
 
+
Acknowledgement
+
 
+
 
+
 
+
|  | Spoken Tutorial Project is funded by,
+
  
MHRD, Government of India.  
+
'''Acknowledgment'''
 +
|| Spoken Tutorial Project is funded by MHRD, Government of India.  
 
|-
 
|-
| |  
+
||  
| | This is Viji Nair from, IIT Bombay signing off. Thank you for watching.  
+
|| This is Viji Nair from, IIT Bombay signing off. Thank you for watching.  
  
 
|}
 
|}

Latest revision as of 16:02, 28 October 2020

Visual Cue Narration
Slide Number 1

Title slide

Welcome to this SpokenTutorial on Edit Maps in Marble.
Slide Number 2

Learning Objectives


In this tutorial we will learn to add the following on the map,
  • A placemark
  • A polygon and
  • A path
Slide Number 3

Learning Objectives

We will also learn to save an annotation file.
Slide Number 4

System Requirements

To record this tutorial, I am using,
  • Ubuntu Linux OS, version 16.04
  • Marble version 1.12.20 and
  • Working internet connection


The process demonstrated in this tutorial is identical in

  • Ubuntu Linux OS, version 18.04
  • Marble version 2.2.20
Slide Number 5

Pre-requisites

https://spoken-tutorial.org

To practise this tutorial, the learner should be familiar with Marble interface


For the prerequisite Marble tutorials, please visit this site.

I have opened the Marble interface.
Click on theOpenStreetMap view

Zoom in >> Point on our home location Mumbai.

Go to Map View and select OpenStreetMap.
Right click on Overviewmap.

From the context menu selectHide option.

Right click on Compass.

From the context menu select Hide option.

Right click on Scale bar.

From the context menu select Hide option.

I will hide Overview map, Compass and Scale bar for better view of the map.
Go to drop-down button and select Flat view option. I will select Flat view option from the drop-down.
Let us hide latitudes and longitudes for better visibility of the map.
Go to the Legend panel and un-check Coordinate Grid checkbox. Go to the Legend panel and un-check Coordinate Grid checkbox.
Let us make the Edit Maps panel visible if it is not seen on the interface.
Click on the Settings menu and select Panels.

From the sub-menu chooseEdit Maps option.

Point to Edit Maps panel.

Click on the Settings menu and select Panels.

From the sub-menu, select Edit Maps option.

Point on Edit Maps panel and click on it.

Point on the icons.

In the Edit Maps panel we see some icons.
Let us first learn to add a placemark on the map.
Cursor on the interface.


Zoom in and point IIT Bombay on the map.

Let us go to our home location Mumbai.

We will add a placemark on the location of IIT Bombay.

Zoom in and locate IIT Bombay.

Click on Add Placemark option.

Point onEdit Placemark dialog box

Go to Edit Maps panel and click on Add Placemark icon.

Edit Placemark dialog box opens on the interface.

In the Name field type the name as IIT Bombay. In the Name field type the name as IIT Bombay.
Under Label click on the Color button. Point on Select colour window.


From the colour box, select dark blue colour.

Under Label click on the Color button.

Select Color window opens.


From the colour box, I will select dark blue colour.

Click on the OK button in the window. Click on the OK button in the window.
Click on the Description tab. Next click on the Description tab.
In the Description field, type the information given in the code files link. In the Description field, I will add some information about IIT Bombay.


The information about IIT Bombay is provided in the Code files link.

Check Show Balloon popup checkbox. Check Show Balloon popup checkbox.
Click on the OK button at the bottom of the dialog box. Click on the OK button at the bottom of the dialog box.
Point on the location of IIT Bombay in the map. Now we can see a placemark at the location of IIT Bombay.
Click on its label. Click on its label.
Point on Place information data sheet.

Point on the Short description.


Click on the close button.

Place information data sheet opens.

In the Short description, information added in the Description field is shown.

Let us close this sheet.

Slide Number 6

Assignment

An assignment for you.

Add a placemark and description for Delhi on the map.

Hint: The description about Delhi is provided in the Code files link.

Point on Add polygon icon.


Zoom in and place the cursor in Kerala.

Let us now add a polygon to highlight a particular area on the map.

We will add a polygon to highlight Kerala on the map.

Zoom in and locate Kerala on the map.

Click on the Add Polygon icon.

Zoom in and locate Kerala on the map.

Click on the Add Polygon icon.

Point on Add polygon dialog box.

Type the name as Kerala in the Name field.

Add polygon dialog box appears on the interface.

In the Name field type the name as Kerala

Let us select colours for Lines and Area of the polygon.
Click on the color button.

Point to Select color window.

From the colour box ,select red colour for Lines

Click the OK button.

Click on the Color button.


Select Color window opens.


From the colour box, I will select red colour for Lines

Click the on the OK button.

Point on the Width dropdown button.


Choose the line width as 1.5.

We see a Width drop-down button.

We can select the line width here. I will choose the line width as 1.5.

Click on the color button under Area.

Select color window opens.

From the color box, select magenta for Area.

Click on the OK button.


Click on the Color button under Area.

Select Color window opens.

From the colour box, I will select magenta for Area.

Click on the OK button.

Resize and place the dailog box to the left side of the interface.

Click onNodes option.

Let us resize and place the dialog box to the left side of the interface.

Now click on Nodes tab.

Slide Number 7

Node

Node is a point on the map.

It specifies the longitude and latitude of a particular place.

Give nodes on the border of Kerala.


Let us now start marking Nodes to draw a polygon on the area of Kerala.
Click on the boundary of Kerala. keeps clicking all along the boundary. To mark the area with nodes, click anywhere on the boundary of Kerala.

Keep clicking all along the boundary to complete the full area of Kerala.

Click on the OK button at the bottom of the dialog box.

Point on Kerala on the map.

Click on the OK button at the bottom of the dialog box.

After marking all the nodes, Kerala appears in magenta colour.

Slide Number 8

Assignment

An assignment for you.

Highlight Karnataka state using the Add polygon option.

Point to the Add path icon.


Next icon is Add path.

If we wish to add some lines or path on the map we can use Add path tool.


We will add a path from Pune to Solapur on the map.

Locate Pune and Solapur on the map. Locate Pune and Solapur on the map.
Click on Add path icon.


Point to Add path dialog box.

Click on Add Path icon.

Add path dialog box opens on the interface.

In the Name field I will type the name as Path-1.

Click on the color button under Lines.

From the color box, select blue color. Click on the Ok button.

Next we will select colour and width for our path.


Click on the Color button under Lines.

From the colour box,I will select blue colour.


Click on the Ok button.

Click on the Width drop-down button and choose 1.5. Click on the Width drop-down button.

I will choose the colour width as 1.5.

Resize and place the dialog box to the left side of the interface.

Click on the Nodes tab in the dialog box.


Start marking the nodes one by one.

Let us resize and drag the dialog box to the left side of the interface.

Click on the Nodes tab in the dialog box.


Then start marking the nodes one by one from Pune to Solapur.

Click on theOK button at the bottom of the dialog box.


Click on the OK button at the bottom of the dialog box.


Notice that a path is marked from Pune to Solapur on the map.

Click on Save Annotation FIle icon. Let us save all the annotations we have made on this map.


Click on Save Annotation File icon.

Point to Save Annotation File dialog box .


Double click on the Desktop.

Save Annotation FIle dialog box opens on the interface.


Select a location to save the file.

I will select Desktop folder.

In the File name field type the name as Annotation-1.kml.

Cursor on Files of Type dropdown.


Click on theOK button in the dialog box.

In the File name field type the name as Annotation-1.kml.

Please note that file format should be.kml or osm. .

Click on the Save button in the dialog box.

Close this Marble application.

Go to the Desktop folder.

Point to Annotation-1.kml on the Desktop.

Let us check our annotation file.


I will close this Marble application.

Go to the Desktop folder.


Annotation-1.kml file is saved on the Desktop.

Right-click on the file.

Select the optionOpen with Marble.

Point to all the annotations.

To open the file, right-click on the file.


From the context menu select Open with Marble option.

Notice that all annotations made on the map have been saved in this file.

We will learn more about edit maps in the upcoming tutorials.
Slide Number 9

Summary


Let us summarise

In this tutorial, we have learnt to add the following on the map.

  • A placemark
  • A polygon and
  • A path
Slide Number 10

Summary

We have also learnt to save an annotation file.
Slide Number 11

About the Spoken Tutorial project

The video at the following link summarises the Spoken Tutorial project.

Please download and watch it.

Slide Number12

Spoken Tutorial workshops

The Spoken Tutorial Project team conducts workshops and gives certificates.

For more details, please write to us.

Slide Number 13

Forum for specific questions

https://spoken-tutorial.org

Please post your timed queries in this forum.
Slide Number 14

Acknowledgment

Spoken Tutorial Project is funded by MHRD, Government of India.
This is Viji Nair from, IIT Bombay signing off. Thank you for watching.

Contributors and Content Editors

Madhurig, Nancyvarkey, PoojaMoolya, Vijinair