Risper Mutinda

Hello. I am Risper Mutinda. I am a passionate Web and GIS Developer but more importantly, I am passionate about Technology.
Display WMS Layer from GeoServer on Leaflet using Vue.js

Display WMS Layer from GeoServer on Leaflet using Vue.js

The Web Map Service (WMS) is an Open Geospatial Consortium (OGC) specification that defines an HTTP interface used to request a georeferenced map in an image format from a server. GeoServer supports WMS 1.1.1, the most widely used version of WMS, as well as WMS 1.3.0. WMS provides a standard interface for requesting a geospatial…

How to Apply Styled Layer Descriptor (SLD) in GeoServer

How to Apply Styled Layer Descriptor (SLD) in GeoServer

This tutorial will focus on outlining step by step process of applying a style on layer in GeoServer. A Style Layer Descriptor (SLD) file from QGIS will be used to style the layers. Launch QGIS and Export the Styled Layer Descriptor. Firstly, open QGIS and load the vector layer that you want to style. Apply…

How to Publish a Shapefile in GeoServer

How to Publish a Shapefile in GeoServer

This tutorial focuses on how to publish a shapefile in Geoserver assuming that GeoServer is already installed and running via the port assigned, for example, http://localhost:8080/geoserver. Data Preparation. Firstly, prepare the data that you wish to upload on GeoServer,  that is the shapefile. For example, if you want to upload a shapefile for national parks,…

Display GeoJSON Data on Leaflet Map Using Vue JS.

Display GeoJSON Data on Leaflet Map Using Vue JS.

This article will focus on integrating Vue JS with Leaflet and outlining step by step process of displaying geojson data on a leaflet map using Vue Js. Install NPM. Npm is the world’s largest registry used for management of development, sharing and borrowing of packages. Moreover, npm helps to download and use standalone tools. In…

Display Custom Icons using Leaflet and Vue Js.

Display Custom Icons using Leaflet and Vue Js.

Custom icons are a great way to display maps, especially while representing point features. This article focuses on outlining step by step process of displaying custom icons on a leaflet map using Vue Js. Install NPM. Npm is the world’s largest registry used for management of development, sharing and borrowing of packages. Also, npm helps…

Computation of Principal Components Analysis in GEE

Computation of Principal Components Analysis in GEE

Principal components analysis (PCA) is a technique applied to hyperspectral and multispectral data acquired through remote sensing. PCA converts an original correlated image into a smaller image with uncorrelated variables. These variables represent most of the information existing in the original image or dataset. PCA reduces the dimensions of data. When PCA is done on…

How To Display a Leaflet Map Using Vue JS Framework.

How To Display a Leaflet Map Using Vue JS Framework.

The development of web applications is becoming more and more complex yet requirements for the user interface to be reactive is becoming the state of the art. To ease the complexity of building web GIS applications, it is necessary to find ways which will enhance code modularization, scalability and maintenance. One of the ways to…

Most Popular Frameworks for Back-end Web-GIS Development

Most Popular Frameworks for Back-end Web-GIS Development

A lot goes on in the backend of a Web GIS application. In the backend, most of the manipulation and querying of data takes place. Therefore, it is crucial that one chooses the backend wisely. Python programing language is mostly used for the backend of a web GIS application. The main reason is because Python…

Most Popular Libraries for Front-end Web GIS Development

Most Popular Libraries for Front-end Web GIS Development

The onset of the World Wide Web has revolutionized everything around us and GIS is not an exception.  The Web GIS is an advanced type of Geographic Information Systems made available on web platforms. It operates on the Client-server architecture. A GIS server is identified by a uniform resource locator (url). It responds and gives…

Plotting a Digital Elevation Model Profile in GEE

Plotting a Digital Elevation Model Profile in GEE

A digital elevation model is a representation of the bare ground topographic surface of the earth exclusive of trees, buildings and other objects on the earth’s surface. Digital elevation models are extracted from sources such as topographic maps, high resolution LiDAR (Light Detection and Ranging) or IfSAR (interferometric Synthetic Aperture Radar). However, LiDAR and IfSAR…

Using Landsat 8 Image To Perform Cloud Masking on GEE

Using Landsat 8 Image To Perform Cloud Masking on GEE

Landsat 8 images are widely used for a variety of applications. However, cloud and cloud shadow cover issues are still a challenge. Clouds and cloud shadow decrease accuracy of remote sensing application results because they obscure the land surface, and the brightening effect of clouds and the darkening effect of cloud-shadow’s influence the reflectance capability…

Computation of NDBI in Google Earth Engine

Computation of NDBI in Google Earth Engine

What is NDBI? Normalized Difference Built-up Index (NDBI) is a spectral index used to analyze built-up areas. This index uses two bands: the short-wave infrared (SWIR) and the near infrared (NIR). Areas with more built-up structures reflect shortwave-infrared (SWIR) more while areas with less built-up have a low Near-Infrared (NIR) reflectance. NDBI values range from…

  • 1
  • 2