Programming

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…

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…

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…

GeoDjango Tutorial Guide

GeoDjango Tutorial Guide

Some months ago, I was requested to develop a written guide on web-mapping system development using GeoDjango as published on the playlist on My Channel . After great efforts, I have released a complete GeoDjango guide that serves as a written replica of the YouTube Playlist. The guide illustrates the possibilities of developing a fully-fledged…

How to tweak GeoDjango Admin

How to tweak GeoDjango Admin

In my GeoDjango tutorial series, I shared details on the development of a web-mapping solution using GeoDjango. Depending on the structure of the application and the use, Django admin is a very useful feature in this framework. There is power in the admin. In this post, I will share some tips on how to tweak…

Filter Data into separate layers in Leaflet

Filter Data into separate layers in Leaflet

Data loaded in Leaflet as a layer can be filtered on the fly to create separate layers that meet a certain criteria. This is very helpful when handling data that is not too huge for the browser. I have a done a video tutorial to demonstrate how to filter data on-the-fly in Leaflet. This tutorial…

3D Maps with Leaflet and eegeo.js

3D Maps with Leaflet and eegeo.js

We like maps and will continue like them more. Every day, there are changes in the libraries used for mapping. With most maps being 2D, exploring 3D maps is so much fun and better. In this post, I describe a procedure to display 3D maps for your web mapping project. First, we will have a…

GeoExt, ExtJS, OpenLayers and GeoJSON

GeoExt, ExtJS, OpenLayers and GeoJSON

Hello guys, some time ago I did a sample application on GeoExt, ExtJS, OpenLayers and GeoJSON to manage data from a number of weather stations in the country. This is a front-end application with data being in GeoJSON format. A video about the application uploaded on YouTube : The application can be accessed at Weather…

GeoDjango Tutorial Series

GeoDjango Tutorial Series

GeoDjango is Django module used for developing GIS web applications. Django is Python framework for web development. Using the Spatial databases, data analytics, using Geospatial libraries can all be handled in the GeoDjango module. On this tutorial page, you will be able to learn GeoDjango application development from scratch upwards. The tutorial is structured in…

  • 1
  • 2