Leaflet

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 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…