Monday 22 June 2015

Creating a web map using Scribble maps



Scribble maps is another user friendly medium a GI User can deploy to create web maps. The interface is rich and straightforward, and also gives some room for customization of several map elements. Scribble maps has a free version and a Trial Pro version. This demonstration will be using a Trial Pro version.

Things to note
- User will have to register for a license to use Scribble maps.
- Scribble maps is an online based mapping application.
- By our observation, Scribble maps Pro opens better using Google Chrome browser.
- User should make sure Google search should be thus: Scribble maps Pro
- There is a Free version of Scribble maps but User cannot access some key features.

Procedure
Sign into Scribble maps Pro. To import layers to make up the map, Select Menu. In the Menu window, Select the excel sign to import files in spreadsheet and Table format. For the Demo, the file is in CSV format.

Capture-1

Click on Browse to navigate to the location of the file and then Select Import.
Capture-2

Next, in the demo, a KML file is also imported. Click on the Import KML, broswe for the file and Import.
Capture-4

To access the data that was imported, Click on File Manager in the Menu window.
Capture-3

In the File Manager window, open the folder Data and the CSV file is there. Click on the CSV file. The KML file will also be in the folder marked KML.
Capture-5

Click on the File and fill the parameters in the red boxed area and Click Add to Map (cursor finger).
Capture-6

For the demo data, address fields are not longitude/Latitude but Place names. A Geocoding process is added to place the layer on the map.
Capture-8


Both the KML layer (Polygons of low income countries in the World) and CSV layer (Populated cities around the World) now overlay the base map.
Capture-9

To Style the map, Click on Paint Bucket (red boxed) and choose Line and Fill colour and width for the Polygon layer.
Capture-10

Move the cursor to the polygon that is to be filled and click on the mouse. The polygon will automatically be filled as seen below in the demo.
Capture-11

User can do this fill for more polygons as seen on the screenshot below.
Capture-14

Click on the Layer name to the right and all the individual polygons that make up the KML file will be displayed.
Capture-15

Click on the pencil icon (black boxed to the right) to style the features individually. For the Demo, a green fill is chosen for the feature selected.
Capture-19

See results in screenshot below.
Capture-20

Adding image to the map canvas. Click on the image icon on the main menu (red boxed). Images should be hosted online.
Capture-21

To Save map as Image, user will click on the Menu button. In the Menu window, click on Save Map (cursor finger). A customization options window (red box) will open. Size, choice of map elements to display and thumbnail view of the map are displayed. The download format is JPEG.
Capture-23

To Save map as web map, Click Menu. In the Menu window > Save Map. A Save Map window will open and the map is given a Map ID by default. User will add Title and Description.
Capture-24

Thank you for following the demonstration. Your feedback is welcome.

No comments:

Post a Comment