Digital Geography

a web-map with OpenLayers (part 3)

In the first two parts in our series on “getting to know openlayers” we concentrated on the question on layer consumption in form of basemaps and labels. We will enhance this a little in this tutorial. First of all we will use the famous modis products to serve our webmap, we will adjust the visible area of our web-map, set different parameters regarding the initial look and feel of our web-map and distribute it through our webpage. if you are not familiar with the initial frame in our html-document see this page. First of all we will use this famous…

types of web-maps: concepts and possibilities

In my recent articles I was writing some hints and tutorials for creating a webmap. So what is the basic concept behind it and what are the possibilities. 1. Hail the GMAP creator GoogleMaps was probably the main step in webmap perception and usage. Until now it is the quasi standard application for viewing spatial content. The ongoing developments in the keyhole markup language increases the possibilities and usability in everyday work including geocoding and usage of raster as layers:

create a web-map: step 2 or DIY

Since we have managed to get a very simple web-map running on our website, it may be a need for some persons to distribute their own shapefiles using a web-map. In this case it is a good choice to take a closer look on GeoServer. This will provide the mapping engine and uses the OpenLayers library for this as well. But you can skip using the basemaps and just share and show your own shapefiles and raster.

a minimal web-map using OpenLayers (part 1)

Web-mapping is used everywhere since GoogleMaps and GoogleEarth revolutionized our topographical and geographical perception. Keeping that in mind it is useful to get some insights in web-mapping possibilities. An easy-to-use open source application for that is a javascript library called OpenLayers. You can run this on your local Windows or Linux machine easily: Download it from the OpenLayers website or if you are using Ubuntu as your Linux distribution just search for “openlayers” in the Software-Center or use your terminal: But for a real minimal example you will only need 2 files in a folder: the openlayers.js and a index.html…