View source for Marble/C2/Edit-maps/English




{| border=1
|- 
|| '''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 the'''OpenStreetMap'''view

Zoom in.

Point on our home location'''Mumbai.'''


Right click on '''Overviewmap'''.

From the context menu select'''Hide''' option.

Right click on '''Compass'''.

From the context menu select '''Hide''' option.

Right click on '''Scale bar'''.

From the context menu select '''Hide''' option.


Go to dropdown button andselect '''Flat view''' option.

|  |Go to '''Map View''' and select ''' OpenStreetMap''' .




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 uncheck '''Coordinate Grid''' checkbox.
|  | Let us hide latitudes and longitudes for better visibility of the map.

Go to the Legend panel and uncheck '''Coordinate Grid''' checkbox.


|-
|  | 


Click on the '''Settings''' menu and select '''Panels'''.


From the sub-menu choose'''Edit Maps ''' option.


Point to '''Edit Maps panel '''.



|  |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, 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.


|-
|  | Cursor on the interface.

 
Zoom in and point '''IIT Bombay ''' on the map
|  | Let us first learn to add a placemark 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 on'''Edit Placemark'''dialogue box
|  |Go to '''Edit Maps''' panel and click on '''Add Placemark ''' icon .

'''Edit Placemark''' dialogue 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.


Click on the OK button in the window. 

|  | Under '''Label''' click on the Color button. '''Select colour''' window opens.


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


Click on the '''OK''' button in the window. 
|-
|  | 

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 dialogue 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 '''sshort 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 ''' dialogue box appears on the interface.

In the'''Name ''' field type the name as '''Kerala'''

|-
|  |Click on the colour button.

Poit to '''Select color''' window .

From the colour box  select red colour for '''Lines'''

Click the '''OK''' button.

|  |Let us select colours for '''Lines''' and '''Area''' of the polygon.


Click on the colour button.


'''Select color''' window opens.


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

Click the '''OK''' button.


|-
|  |Point on the '''Width''' dropdown button.


Choose the line width as 1.5.



|  |We see a '''Width''' dropdown 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 colour''' window opens.

From the color box, select magenta for '''Area'''.

Click on the '''OK''' button.


|  |Click on the color button under Area.

'''Select colour''' window opens.

From the color 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 on'''Nodes '''option.


|  |Let us resize and place the dailog 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 anywhere on the boundary of '''Kerala'''. keeps on clickin 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'''. 


|-
|  | Mark nodes in the full area .

Point on the polygon area in the map

|  |Let us complete the full area of ''' kerala'''. 


|-
|  |Click on the '''OK''' button.

Point on  '''Kerala''' on the map.

|  |Click on the '''OK''' button.

After marking all the nodes '''Kerala''' appears as 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 colour.
Click on the  '''Ok''' button.

Click on the '''Width''' dropdown button and choose 1.5.


|  |Next we will select colur and width for our path.


Click on the color button under '''Lines'''.

From the Color box,I will select blue colour.


Click on the  '''Ok''' button.

Click on the '''Width''' dropdown button.

I will choose the colour width as 1.5.



|-
|  |Resize and place the dailog 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 place the dailog 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 the OK button in the box.



|  |Click on the '''OK''' button in the  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 the '''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 the'''OK''' 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 option'''Open with KDE Marble.'''

Point to all the annotations.
|  | To open the file, right-click on the file.


From the context menu select the''' Open with KDE 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 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 using spoken tutorials 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. 

|}