Map the locations of slums for social welfare activities – Embed the map on your website

On one fine day, people from a well reputed Non-Governmental Organization (NGO) contacted us about how we can locate slum areas. This NGO works for social welfare activities such as food, clothes, water supply, drainage, etc. for the people who live in slums. They basically wanted a web map for slum locations where they can provide the above social services and keep track of various details to those locations through visualization and spatial analysis.

The use of GIS technology is advancing in the field of information and computer science as demand for maps and geospatial analysis has become important in both public and private sectors. There is limited GIS software that provides services in both creating maps and hosting them on websites. IGISMap gives powerful tool sets to create interactive maps of locations and geospatial features associated with any applications based on social services, business analysis, scientific research etc. Using the tools of IGISMap, we can manage, analyze, and visualize slum areas where monitoring and management is required. IGISMap is a web platform providing multiple GIS applications that are most important in the field of geospatial analytics. GIS tools of IGISMap application allows users to Add Data, Create Data, Map Data, Style Data, Process Data, Analyze Data and also help users to Share Data privately or publicly.

IGISMap application has Create Point Data tool which can be used to plot locations and point objects as point vector data model. By using the Create Point Data tool let’s discuss how we can map the slum locations like the following.

Slum Locations
Final Map of Slum Locations

To navigate to the IGISMap application, a link to refer is provided here.
User needs to follow some steps to reach the Create Point Data tool:

  • Sign up with your email Id and password after navigating to the above link.
  • Login using the same details on the IGISMap application.
  • After you log in, the user will be navigated to the dashboard where the user can click on the Create Point Data tool present on the screen. It will allow users to add points of slum locations using the Create Point Data tool.
IGISMap Dashboard
IGISMap Dashboard

Add the Name and Attribute fields for your GIS data

In this section, let’s add the data name  as Slum in the text box. Next step is to add attribute fields which store information about the slum locations in the form in tabular format. Let’s add ‘id’, ‘Location’ and ‘Service’ as the attribute fields in the data table.

For the Service field, let’s give ‘Null’ as the default value, thus every time a slum location is plotted, if no value like food, clothing, drainage is added for the Service field, Null will be saved for that slum location.

Add Name and Attribute Fields
Add Name and Attribute Fields

Start plotting points for the slum locations

After saving the data information, Add Points section opens to start plotting points of the slum locations. Three methods are available to plot the locations, that are: (1) Drop points, (2) Search Address, (3) Lat-Long values.

  • Drop points let us drop a pin at the desired location on the map. Zoom to the location of the slum and click to add the pin.
Drop Points
Drop Points

Using this popup, you can add the attribute details or delete the point if it is not necessary. The option skip can be used if we don’t need to make any changes.

  • Search Address option opens a search address box, where you can enter an address and choose the right option from the dropdown list, then click the Plot button to plot a point on that location.
Add Points - Search Address
Add Points – Search Address
  • Third option is to enter coordinates of the locations to plot the location of the slum. Add the latitude and longitude value in the boxes and then point gets added to the base map.
Enter Coordinate of the Location
Enter Coordinate of the Location

You can control the flow of adding pins by using the Enable/Disable toggle button. Enabling this option will open the popup to edit the attribute details every time a point feature gets plotted. You can also open this popup by simply clicking on the desired pin.

After plotting the points, if some points need to be moved from one location to another, that can be done by clicking on the point and just moving to any desired location. 

Note: If the Drop Points option is active for dropping pins, it should be unselected for selecting the plotted pins to open the attribute popup.

After the locations of desired slum locations are plotted and necessary changes are applied, click Save and Publish option to publish the slum locations in the name Slum.

Review and edit the datatable of the slum data

After the user clicks on the Save and Publish option, the Show/Edit Datatable section will open. Attribute fields and attribute values of each location can be edited, updated or deleted in section.

Option to update the datatable as a bulk is available in this section, where the whole datatable can be downloaded in Excel format using Download Datatable button to make the changes outside IGISMap, then upload the edited/updated spreadsheet file using Upload Datatable button and integrate with the same point data of slum locations.

Show/Edit Datatable
Show/Edit Datatable

In this option, we can edit the Slum locations and also make the necessary changes in the attribute data. If some user wants to add data to this existing datatable that can be done using the upload datatable option. Download datatable wil help the user to save the necessary information added for the reference.

Here the option for Back is present, which can help users to go back at adding points or Next option to proceed further.

Styling the slum location points

A map will become more meaningful if appropriate icons and colors are used to visualize the spatial features of the map. In IGISMap styling options, Bubble Style and Icon Style are provided for point GIS data.

In Icon Styling, IGISMap provides two more options – Basic and Category styling. For now, let’s make it simple by providing an appropriate pin icon for styling the ATM location points and apply it on the Slums data as follows.

Edit Style
Edit Style

Another style is the categorial style, where users can select the category on the basis of which styling is added to the point data. For example, if the user selects Supply attribute as a categorical option, style is changed to symbol using those items.

Bubble style is used to visualize the data quantitatively based on the numerical fields in the datatable. We can assign the size and color of the bubble for each class of values.

Click on Save Style option to save the Styling options of added points.

Data Added

It’s done! Now if the user wants to add more points, click on Create more points on the layer option, which will then direct you back to the Add Points section.

Add Points
Add Points

If the user wants to create a new layer, select Create New Layer option.

Embed your slum locations map in a website

As the data is created completely and styles appropriately, let’s embed the map of Slums in a website. For this, click the button at the top right, where you will reach the UI to control the sharing of this map.

Share Map
Share Map

After the share map components are enabled and disabled as desired, click Next button to proceed to the step for copying the iframe link to embed in a website.

Embed Map
Embed Map
Iframe link
Iframe link

Copy the link from the popup and attach it to your website. Thus the map will be available as interactive as below.

Check our article on Bubble Style

Create Charts with Map

How to Share Map Publicly

For free Gis Data visit

Create a Map

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.