Create web map applications using Mango

With the advent of numerous technologies in the Geospatial sector, web mapping has become a must-have skill when handling spatial data in this realm. Sharing information across nodes, devices and users is vital to allow for faster project execution and management. Today, creating web maps has become an easy task taking into consideration that some platforms require little to no programming skills, no licenses and no  massive servers to launch. I have been testing some of these platforms within a duration of about one year and have seen great improvements by the teams behind these platforms. Starting from ArcGIS Online, QGIS Cloud, GIS Cloud, Mapbox, CartoDB and Mango. Today, I will demonstrate the procedures involved in making maps with Mango.

First, you can find out how Mango works by visiting their How it works page.

Secondly, there is no second.


You require an account before you can use Mango

Once the account is registered and set to go, upon Login this the Mango interface

Mango Interface

As seen above, there are a number of interesting items that are worth a look. Take a look at them later maybe

We need to create a map in this demonstration. Clicking on the Create New Map link, you are directed here

Layers Section

Next, is the upload of data into the map. To do this, very quickly, upon clicking the Upload Map Data you are prompted with a dialog that needs four files.

Uploading data dialog

.shx – Stores shape indexes

.shp – stores feature geometry

.prj -stores feature projections, coordinate reference systems

.dbf – Stores feature attribute information

Once successful in the upload of the data (the four files), the user is redirected to the page as seen below;

Uploaded shapefile in mango

At this stage, the data is uploaded and ready for manipulation(if need be). Just like in any other GIS, basic mapping tools are available. These include labels, styles, popup, legends, and the data editing capability.

There are a lot more functionality here worth testing and will be focusing on three: Collaborative editing of data, branding and toolbox

Collaborative data editing

On the issue of collaborative data editing, a team of users or developers or analysts working on same datasets and making changes that are visible by all .. Awesome!! This is really great feature to have and use.For this, access the share map link to open a dialog to set the preferences for sharing;

RELATED:  Proj4: A nice tool for coordinate transformations
Users and groups


The toolbox, just like in any GIS, is a collection of tools that are used for particular work/operations to achieve a result. In the toolbox, there is a collection of tools at the disposal of the user. All these tools are easy to add and use. Click on a specific tools to add and configure in the map.

Mango Toolbox


This is yet another interesting functionality in Mango. Branding your maps is key despite the industry you belong in. This allows you to customize your maps by branding them to your needs.

This is an image of a map I have branded for the purposes of this post and as one can see, changing colors of the toolbar, popup, legends and so forth is just cool!!

Branded map in Mango

As seen in this post, such a platform is very good for creating web map applications. It is faster, easy and comprehensive and again, no programming skills required for this. The platform itself is huge and can take sometime to explore all the functionality and for this reason, you can check it out for more information.

This is just but one of the existing platforms, highlights about the others coming soon.

Drop a comment below for a discussion.

Keep it Geosymp!!!


Wanjohi Kibui
About Wanjohi Kibui 23 Articles
A GIS Developer, Consultant and Author.Passionate about Geospatial technologies. To read more about his work, visit Access video Tutorials on YouTube