How to style the point GIS data categorically

GIS helps users to understand patterns, relationships and geographic context. It benefit includes improved communication and efficiency, as well as improved management and decision-making. GIS combines datasets with maps, integrated regional datasets with any type of descriptive information or data. It provides mapping and assessment prerequisites for technology and almost every industry.

Visualization and intepretaion of data is what makes GIS a beautiful and interesting fields in data analytics. Science of visualization is the core essence in the art of cartography and mapping. Any type of geospatial features presented in the map with proper color combination, accurate size and location helps in better image interpretation. Quantity and category based representation of spatial features are the common visualization styles used in GIS.

IGISMap Styling Tools

IGISMap is a web platform providing multiple GIS applications that are most important in the field of geospatial analytics. The peculiarity of IGISMap in the GIS Industry is its UI/UX that helps the user to perform effortless geospatial operations. IGISMap provides the following styling tools:

  • Basic Style
  • Category Style
  • Quantity Style
  • Bubble Style
  • Icon Style

Among the styling options listed above, Bubble Style and Icon Style are used to symboloze point GIS data, whereas Basic, Category and Quantity styling options are used to style polygon and polyline GIS data. Bubble Style is used to style the point GIS data quantitatively and Icon Style is used to style point GIS data with the icon or categorically by assigning separate icon for each categories.

In this article, we will talk about how to categorically represent point GIS data using Icon Style tool of IGISMap and will walk through the steps to style your data categorically like the following

Administrative Locations in London
Administrative Locations in London

Uploading the data

For the demonstration, we will upload the point GIS data of administrative buildings locations in London city and categorize it based on types. First lets upload this data using Upload Vector File tool of IGISMap.

After opening the Upload Vector File tool, here we can upload required the vector data in any of the following vector formats.

GML, KML, KMZ, GeoJSON, TopoJSON, GPX, GPS, GPKG, ODS, MAPINFO, SOLITE, ESRI SHAPEFILE DXF MID. MIF, PDF

Upload Vector File tool
Upload Vector File

In the Select Layer section we have to click on Browse and select the input file from the system, which is the GIS data of administrative building locations in Lonndon named as London_admins. After opening the file, click Upload.

Upload Vector File - Select Layer
Uploading the file

After uploading, input GIS data will be visible on the IGISMap screen, represented by default icon style as shown below.

Upload Vector File - Point GIS Data
Point GIS Data plotted on map

Styling the point data categorically

After adding the input GIS data, we can style the points categorically using Icon Style tool. For accessing the tool, click Tools button at the upper left side of screen to open the map tools popup. Then select Icon Style tool listed under Style Your Data section.

Map Tools popup
Map Tools

We can also open the Icon Style tool by going to the More option of input point data and choose the Icon Style from the Edit Style option.

IGISMap More options
More options

Styling point GIS data categorically

After appearing the tool, we have to select the layer from Select Layer section which is the London_admins data that is published in this map and then we have to click Next option.

Icon Style - Select Layer
Select Layer

After that Edit Layer section is appeared. Here we have to choose Category Icon. Now in the Attribute field, select admin field to categorize the point data based on its individual attributes values. You can also assign a default icons size to applied for every icon style in the Set Market Size box.

Select the Attribute in Category Icon
Icon Style – Category Icon

In the Icon Overlap, you can change the option between True or False. Choose True if you want the icons to be overlapping when the map is zoomed out. Select False if you want to see every point icons any zoom extend of the map.

After selecting the required attribute field, all individual values will be listed with different icons assigned for each category, with default marker size. We can change the icons for each category by selecting the edit option and choosing the right icon from the list provided. We can also assign appropriate marker size for each category at Set Marker Size section.

Setting Icon and Marker Size
Setting Icon and Marker Size

After editing we have to click on Save Style for styling the point data.

Save the Style after Edit Layer
Save the Style after Edit Layer

Following all the process we get the desired output on the screen of IGISMap.

Point Map by Icon Style
Point Map by Icon Style

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. https://map.igismap.com
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

Map habitat locations of endangered animals & keep track of their living

Wilderness without wildlife is just scenery
-Lois Crisler

The International Union for Conservation of Nature (IUCN) states that endangered species are the species of plant or animal that are seriously at the risk of extinction. In this time of data revolution, data analytics plays a huge role in the field of environmental science and atmospheric studies. Keeping the record of the habitat locations of endangered species and observing the variations in their environmental factors will help the authorities to study the causes that threaten the life of these species. These observations can be further useful to prevent global extinction by rehabilitating their populations and restoring habitats. In the article we create point vector data in GIS tool.

GIS technology is an effective tool for managing, analyzing, and visualizing wildlife data to target areas where monitoring and managing is required. GIS technology helps in tracking the migration patterns, mapping biodiversity, and habitat suitability models which provide analysis for animals to locate their habitat locations in suitable environmental conditions. 

There are a lot of GIS applications available but IGISMap meets the requirements of the user to perform various GIS operations such as creating point, line, or polygon data; point to polygon conversion; splitting and merging the polygon; conversion between different file formats and much more. Consider a wildlife conservationist who wants to map the habitat locations of endangered animals in India and keep track of their numbers and other environmental factors of their living such as temperature, precipitation, food, water, etc. Create Point Data tool of IGISMap can be used to plot locations and point objects as a point vector data model.

Map habitat locations of endangered species

Users can rely on the Create Point data tool of IGISMap application to plot the habitat locations of endangered animals, like the following.

Final Map of Habitat Locations - Create Point Vector Data
Final Map of Habitat Locations

More information based on these locations can be added as attributes in the datatable. Attribute information in the datatable can be queried using the Proximity Analysis tool of IGISMap. Let’s look into the steps on how the habitat location map can be created and further used for the protection of endangered animals.

To navigate to the IGISMap Create Point Vector Data tool, click the below link

https://map.igismap.com/add-points

Add the Name and Attribute Fields for Your GIS Data

In this section, users can add the name of the data as “Endangered animals”. Next step is to add attribute fields to store other information about the habitat location point. Here lets add Animal, Place and Number as the attribute fields.

The default value added for the field Number can be given as Null. Thus if the attribute value to this field is left blank for any location, Null will be saved. Click Save to add the data information of habitat locations of tigers.

Add Data Information
Add Data Information

Adding the points of habitat locations of endangered animals

After saving the data information, the adding point option will pop up.The points in the IGISMap can be added in three different ways: (1) Drop points, (2) Search Address, (3) Lat-Long values.

  • Drop points can add habitat locations of tigers in the form of pins. Zoom to the location on the base map. And add the specific point by left clicking on the mouse and the point gets plotted.
Drop Points
Drop Points

Everytime when a point gets plotted, a popup will open to enter the attribute values in each attribute field of the habitat locations. Click the Submit button to Submit and save the attribute entries. You can choose to delete the point you plotted by clicking the Delete Point button. Else you can click Skip to close the popup. You can disable the default opening of this popup using the toggle button.

  • Next way of adding point data is using the Search Address option, for example, search uttarakhand in the search box and click the plot option.
Search Address
Search Address
  • Third option is using the Latitude Longitude values to add the habitat location of the endangered animals in Karnataka. Add the latitude and longitude value in the boxes and the point gets added to the base map.
Enter Latitude and Longitude - Create Point Vector Data
Enter Coordinate of the Location

After plotting the points, if some points need to be shifted/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 making all the changes, click on the Save and Publish button to publish the GIS data of habitat locations.

Review and Edit the Datatable of the Slum Data

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

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

Show/Edit Datatable
Show/Edit Datatable

Here the Back button is present for going back to the Add Points section to add more points or click Next option to proceed further.

Styling The Habitat Location Points Of Endangered Species

In this section, users can use different styling options for the pin. The Basic Icon styling options are shown below, where the user can select any of the styles.

Basic Icon Styling
Basic Icon Styling

Another style is the Category Icon styling, 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.

Category Icon Styling - Create Point Vector Data
Category Icon Styling

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.

Bubble Styling
Bubble Styling

It’s done! Now if the user wants to add more points, click on Create more points on the layer option. If the user wants to create a new layer, select Create New Layer option.

After the point GIS data of habitat location is published in the name Endangered animals, More option beside the data provides list of other features. They can be used to adding more points, show the legend in the map, editing the style and more.

More options
More options

Embedding Map In Your Website

As the data is created completely and styled appropriately, let’s embed the map of habitat locations on 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
HTML Iframe Link
HTML Iframe Link

Copy the link from the popup and attach it to your website.

Plot ATM locations on a map and embed on your website

Consider that you are an engineer working for the technical support team in a bank. And you were asked to host a web map of the ATM locations under your branch. This same map should be later available to dynamically visualize the transactions associated with each ATM in a quantitative representation. In this article, you will learn how to plot atm/shop locations on map and embed it on your website.

There are limited GIS software and online tools where you can do this job. Most of them are limited to any single service, ie., either creating a map or hosting the map on a website, but IGISMap allows you to do both. IGISMap is a GIS based web platform providing multiple GIS applications that are most important in the field of geospatial analytics. The peculiarity of IGISMAP in the GIS Industry is its UI/UX which helps the user to perform effortless geospatial operations. GIS tools of IGISMAP allow you to Add Your Data, Create Your Data, Map Your Data, Style Your Data, Process Your Data, and Analyze Your Data, and additionally, it helps you to share your Data privately or publicly.

How to Plot ATM/shop locations on map

Create Point Data tool of IGISMap is a powerful GIS tool to plot point vector data to represent locations and point objects with single latitude and longitude values. Using Create Point Data tool, we can create an interactive map of ATM locations like the following.

Map of ATM Locations
Map of ATM Locations

Lets walk through each step of the Create Point Data tool to create a map like this and share with your team.

  • First, you need to log in to IGISMap from https://map.igismap.com/. If you haven’t signed up for IGISMap, click the Sign Up button to create an IGISMap account.
  • After Logging In, you will be directed to the dashboard of your IGISMap account.
  • From the dashboard, click on the Create Point Data tab to open the tool as shown below.
plot the atm/shop location on map
Create Point Data tool

Add Name and Attribute Fields for Your GIS Data

In this section, add the name of the data as ‘ATM Locations’ and add attribute fields to store more information about the locations we plot. Let’s add ‘id’ and ‘street’ as the attribute fields in the data table.

For the street field, let’s give ‘Null’ as the default value, thus every time an ATM location is plotted and if the street information is not added in the field ‘Street’ for that point, ‘Null’ will be saved for that point location.

Create Point Data - Add Data Information - plot the atm/shop location on map
Add Data Information

Start Plotting Points for the ATM Locations

After saving the data information, Add Points step will open, where we can start plotting the ATM locations as points, in the form of pins. IGISMap provides you with three features for plotting points: Drop Points, Search Address, and Lat Lon Values.

  • Let’s select the Drop Points option and zoom to the location with the desired ATM Machine to plot a pin in that specific location on the map
Create Point Data - Add Points - Drop Points - plot the atm/shop location on map
Add Points – Drop Points
  • 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.
Create Point Data - Add Points - Search Address - plot the atm/shop location on map
Add Points – Search Address
  • Lat Lon Values will open two boxes to enter latitude and longitude values of the location you want to plot, Plot Location button in this option will plot a pin at the location you have entered.
Create Point Data - Add Points - Lat Lon Values - plot the atm/shop location on map
Add Points – Lat Lon Values

Also, a popup will open for entering attribute values in each attribute field for that atm location when a point is plotting. Click the Submit button to Submit the save the attribute entries. You can choose to delete the point you plotted by clicking the Delete Point button. Or Else you can close to click Skip to close the popup. You can disable the default opening of this popup using the toggle button.

Create Point Data - Add Points - Enable/Disable Popup

But we can open this popup anytime while plotting, by simply clicking on an existing pin.

After plotting every desired ATM location for our data, click the Save and Publish button to publish your data in the map.

Review and Edit the Datatable of the ATM Location Data

After the atm location is published, Show/Edit data table section will be open. Here you can edit the attribute values entered for each point location after clicking the button in the data table along each row in the data table. You can also choose to delete a point by clickingbutton.

Create Point Data - Show/Edit Datatable - plot the atm/shop location on map
Datatable

Options to edit or delete the attribute fields are also available in this step along with the option to add new attribute fields to this data. If you thought of adding more points to the data of ATM Locations, select the Back button to go to the Add Points section, where you can add more points and make changes to the already published data.

Option to update the data table as bulk is available in this section. Where the whole data table can be downloaded in Excel format using Download Datatable button. And 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 ATM locations. 

After making all the changes in the datatable, let’s move to the styling section by clicking the Next button.

Style Your ATM Location Points

A map will become more meaningful if appropriate icons and colors are used to visualize the 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 ATM Locations data as follows.

Create Point Data - Edit Style - plot the atm/shop location on map
Edit Style

Embed Your ATM Locations Map in a Website

As the data is created completely and styled appropriately, let’s embed the map of ATM Locations 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 - plot the atm/shop location on map
Share Map

Once the components are enabled and disabled as desired. After that click the Next button to proceed to the step of copying the iframe link to embed in a website.

Share Map - Embed Map
Share Map – Embed Map
Link to Embed Map - plot the atm/shop location on map
Link to Embed Map

Copy the HTML code link and embed it on your website. Thus the map will be available as interactive as below.

Afterward merge the data table of the ATM Locations with the transaction data of each ATMs. Furthermore, for quantitative visualization, we can use Bubble Style. The style will apply automatically to your website. So with the following steps, you can plot atm/shop locations on a map and embed them on your website.

Check our article on Bubble Style

Create Charts with Map

How to Share Map Publicly

For free Gis Data visit

Create a Map

Create and Measure Map Polygon Area – Quick Help

Creating Polygons shapes on digitized lands is easy as we already have some tutorial created for creating polygon with leafletjs. But ever wondered what should one do when they need to Create and measure Map Polygon area? The solutions for small challenges like this, which appears to be big for developers who didn’t worked on GIS earlier, is what we are providing here at Engineer Philosophy Web Services.

This case happened when one of the United States based ERP company, which operates in multiple countries, wants to provide a small GIS solution to be intergrated in their existing ERP system to their fertilization and agricultural sector client. As their client need a quick POC (Proof of concept) to digitize their land and calculate area in acres, they need a quick solution to be created. As their team is not expert in GIS and doesnot know which technology to opt for, they approached us around mid-night through our website chat box, as we provide 24/7 assistance with chat at our website. Quickly after talking to us and checked our ability, they turned to our GIS Consultancy Services, which helps them in getting solutions and consultant related to leaflet, geoserver or any other GIS related issues.

The Challenge – Create and Measure Map Polygon Area

Sometimes Mapping and Drawing Shapes can be challenging

Being a large ERP organization which operates with fertilization and agriculture clients to deliver and support its services to end user. Given the immediate nature of on-demand services, they expect instant support and exceptional services from us. This created a colossal consumer service challenge.

  • They needed assistance on setting up basic mapping within their .Net application which will then can be incorporated into the ERP system.
  • They needed tool for measure the polygon shape area that their clients will map on digitized lands from the ERP.
  • The Company also required an add-on, i.e. Geocoding along with maps, which can provide geographical coordinates corresponding to a particular location or address which their client might type in to search their address.

The Solution- Create and Measure Map Polygon Area

There is nothing Like Leaflet.js when it comes to mapping

To address these challenges, we analyzed and documented different solution which we can provide in an next hour. We suggested two best options with all the calculation of pros and cons for them –

The company decided to go with Leaflet.js, as it is open-source which saves them a reasonable amount of capital.

Then we worked on the solutions as follows –

  • Initially we used the Leaflet.js Draw plugin to create and digitized polygon which can be digitized, deleted and edited easily.
  • We also used Turf.js for evaluating the polygon area drawn on the digitized map because it gives more approximate results then the Leaflet.js Draw plugin.
  • When the company decided to go with the open source software, we again provided them with two options in their best interest i.e. MapQuest API and MapBox API for Geocoding purpose.

Final Result : Create and Measure Map Polygon Area
Geocoding : Create and Measure Map Polygon Area

Once we are done with coding part in next 3 hours, we showed the solution to the organisation. Get the feedback corrected some User Interface stuff and provided code to their developers. In an 1 hour we helped them to understand the code and integrate the same with their system.

The Result – Create and Measure Map Polygon Area

We are best in Overcoming challenges and providing the Best GIS Consultancy

We provided solutions for every concern related to map and gis challenges to the ERP company developers.

Final Result : Create and Measure Map Polygon Area
Final Result : Create and Measure Map Polygon Area

  • Provided hands-on assistance in setting up basic mapping within their .Net application which will then can be incorporated into the ERP system.
  • Consultancy and hands-on assistance with evaluating polygon area on digitized lands with Leaflet.js and the same saved polygon should be reopened and edited from the system.
  • Provided wonderful tool for Geocoding along with the maps and assistance on implementing it.

We here at Engineering Philosophy Web Services provides Services and Consultancy related to Leaflet.js, Geoserver, Geocoding, Web/App development and Other GIS tech factors.