Digital Geography

Working with Clusters in Leaflet: Increasing Useability

In one of our latest projects we faced a sad truth: geocoding results often sucks and points are not scattered enough but concentrate on distinct locations and clusters will be full of markers. This will lead to heavy clustering if you work with such data in leaflet using the markercluster plugin. In the end it was always hard to find the right point of your interest if you’re facing 20 spiderfied points on one location. So we asked ourself: how can we increase the useability of clusters as we can’t change the location data itself? We came up with a…

Filter Leaflet Maps with a Slider

If you create maps you always need to ask yourself: how can I make it as easy as possible to read and still have anything I need in my map… or in short: reduction and abstraction. There are different approaches out there when it comes to web maps. Let me show you how to reduce the number of map elements with a slider in leaflet to filter your data interactively.

Evolving Geographic Information System: OpenWebGIS plans & its crowdfunding campaign

Perhaps you have already used in your work OpenWebGIS or just have seen it or read about it. Due to this system exists since 2014. But we will describe OpenWebGIS briefly. It is an open source online/offline geographic information system for work in web browser or mobile app. Since its foundation, a great number of users have benefited from using this system functions.

GIS with javascript – tutorial part 1

An article from Anders. Geodata in javascript GeoJSON is the standard way of storing geodata in JSON, javascripts native data format. The wikipedia article has very clear and telling examples. If you have never heard of GeoJSON, read it. The aim of this article is to show you how to convert your geodata to GeoJSON and some basics in querying the data.

Heatmap, JavaScript, Openlayers and canvas

This article is a continuation of the article “Heatmap and Interpolation: it is easy in OpenWebGIS” about creation of Heatmap and Interpolation with the help of OpenWebGIS interface. We are now describing the process of creating a heatmap, based on any point layer, using JavaScript, OpenLayers 2.x and canvas element (as part of HTML5 technology). Describing the process we will expect that you certainly already have some basic knowledge of programming language JavaScript and can handle OpenLayers library (which is an open source provided under the 2-clause BSD License) JavaScript library for displaying map data in web browsers.). Perhaps the…

Short Announcement: Leaflet 1.0

Leaflet is one of a kind in the list of javascript webmapping libraries. It was designed with simplicity, performance and usability in mind. Unfortunately the development seemed to have stopped for a while. This week Vladimir Agafonkin (the creator of Leaflet) released a Beta version of Leaflet 1.0

D3: My First Webmap

I always watched those stunning examples created with D3 by Mike Bostock, I liked Ralf’s blog posts here and I always thought to myself: get yourself together and create one for your own. But to say it straight: I haven’t figured it out… But yesterday I stumbled upon this nice, not so short post of MappingGIS.com and I would like to share my learning process here. So let’s start …

Happy B-Day QGIS2leaf

When I started to work on QGIS2leaf about one year ago it was a nice idea and my first real dive into Python programming and using the possibilities of pyqgis. So what is the current state and where are we going? Please, come and take a look: Happy Birthday QGIS2leaf!

odyssey.js: your easy story mapping engine

Reading my tweets can be somehow interesting: It seems like ESRI invented and exclusively owns the phrase “story map”: #storymap Tweets What IS a story map? To me a story map is the same like a map: a way of information distribution. According to ESRI: “Story maps use geography as a means of organizing and presenting information. They tell the story of a place, event, issue, trend, or pattern in a geographic context. They combine interactive maps with other rich content—text, photos, video, and audio—within user experiences that are basic and intuitive” (citation). Let’s sum up the characteristics: tell  a…

Create your own StoryMap

Have you seen “the story maps” created on the ESRI website (http://storymaps.arcgis.com) or for that matter from http://storymap.knightlab.com/ or http://mapstory.org/. They are all frameworks for you to create “a story” with geographic connections, and they achieve this more or less successfully. Common for all of the above are that they are services, depending on the on-line framework. This makes it possible to present a more user friendly experience when you create the story, but at the same time you loose some flexibility and you need to be on-line. Here I’ll show how you can build a storymap yourself based on…