Posts

Showing posts with the label leaflet

Creating a Web Mapping Application with Leaflet JS

Image
Web mapping applications are powerful tools that enable users to visualize and interact with geographical data. In this tutorial, we'll explore how to build a simple yet effective mapping application using Leaflet JS, a popular JavaScript library for interactive maps.   Leaflet JS is a lightweight, open-source library for creating mobile-friendly interactive maps. It provides a simple and intuitive API for incorporating maps into web pages. A client in FIVVER (if you needs my service for your GIS Job, the FIVVER link on the left top bar of my blog) asked me to make a simple webmapping application using Leaflet JS that has functionality to zoom and pan in seamless way based on the attribute table selection. The data is stored as GEOJSON file and directly injected in the HTML, so the HTML webmap can be opened and distributed in various computer at ease. I design this webmap with simplicity mindset, so reproduction into another website can be done easily. If you are curious about the ...

Serverless Raster or Imagery Tile Serving using PMTiles

Image
A few months ago, I created a video tutorial about how to serve raster or imagery tiles using Github  using TMS/XYZ Tile Serving protocol. The tiles can be consumed by a web gis app either as a base  map or operational layer. Although the workflow is proven to be working for general cases, the tiles  displaying and loading speed are quite mediocre compared to API-based serving such as WMS,  WMTS, or ArcGIS Services.  Now, there is one protocol called PMTiles that can also provide similar functionality with additional  features and better loading/displaying performance. PMTiles in many ways is similar to Mapbox  MBTiles format (the tiles are packed into a single file), or ArcGIS's TPK Package. However, PMTiles  can be served directly using a common HTTP query (not like MBtiles or TPK which must be deployed into API Services to be able to be consumed by a webgis client). So, if you want to use Github as your host, you won't find an uploading problem...

Creating Simple Web Map Using QGIS

Image
From day to day, QGIS is getting bigger and bigger. Continuous and expanded support from open source geospatial developer has made this software go beyond its initial development. More and more tools/plugins has been created and offering more flexibility and features to the software. It is fair to said that this software is now became an ideal example of successful non commercials geospatial movement. Personally I am starting to count more on this software because it is now offering some distinct tools unavailable on commercial counterparts. The keys of QGIS for me are simplicity, straightforward how to, and free to use. I am not kidding, below is an example how the simplicity means. A Tutorial about how Online Map could be deployed easily from QGIS. Using fast growing to use WebMap Frameworks like Openlayers or leaflet, a not experienced and programming literate user could make an online webmap with sophisticated looks just with some clicks. Check it out below. And last b...