Thursday, December 7, 2017

How to Develop Interactive WebGIS system in 5 mins

WebGIS is one of the latest technologies in GIS to publish data, Due to complexity and and lack of knowledge about Web Programming always a difficult barrier for GIS personals.  With QGIS2Web plugin anyone can easily develop attractive Web page.


Step 1,

Open QGIS --> Plugin and then Install QGIS2Web



Step 2,

Add required layers to the QGIS



Step 3,

Go to Web in the Toolbar and select QGIS2Web



Step 4,

X on the required layers to be displayed  


Step 5,

Set Zoom level to the layers, make sure to keep minimum  zoom level at 1.   



Step 6,

This Web page allow users to perform address search, Hence X on Address search and, Appearance in important in Web Pages, Therefore select Collapsed or extended option to display layers. 


Step 7,

This Web page allows users to Geolocate their locations for that X on the Geolocate user, and X on the Highlight on hover and Select required attribute to be search in layer search. Example : District 



Step 8,

X on measure Tool to add measure tool to web page and select other required options.  


Step 9,

Select required folder to export web page and users can always view the preview of the web page by pressing update Preview button. 


Step 10,

Select export button to Export your web system,


Select required background map, Such as OSM, Thunderforest etc...




Your exported web page will automatically open in the default web browser or you can open it later by browsing to given folder. 



Step 11,

Once you open your web system in the browser, you have to allow your location (only if you selected Geolocate user option)




Select location option to check your location,





Step 12,

Users can On and Off layers and possible to search for the layers, (According to given layers search option, In this example I have given District name to be searched) 




Step 13,

You can user measure tool to measure distance,  




3 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. Good work. You told very simply for creating a WebGIS system in easy steps. Thanks for it

    ReplyDelete
  3. if i want to be a web developer, what will be the first step for me?

    ReplyDelete