How do GIS web apps work? [duplicate]

Question

I am completely new to GIS and therefore have questions regarding how the GIS Web development should be made, because the entire concept still confuses me.

So, imagine I have a map. And by this, i mean the shape files for the layers and so on.

How i should i use this in my web application?

I have read about MapServer, OpenLayers, PostGIS, but can't quite understand how and why this all enters the question.

If i have my map, my files, shouldn't the problem be just on to represent it in the web page?

Answer 1

A more complete list (the first answer mainly refer to OpenGeo stack, that is excellent, but there are plenty of other options out there):

User Interface

• OpenLayers
• GeoExt (based on OpenLayers)
• MapQuery (based on OpenLayers)
• Leaflet
• Polymaps
• Mapstraction
• Modest Maps
• Wax

Map Services

• MapServer
• GeoServer
• Mapnik
• FeatureServer
• QGIS Server

Web Applications

• MapBox TileMill
• Ushahidi

Tile/Cache Services

• MapProxy
• GeoWebCache
• TileCache
• MapCache

Data Services

For vectorial datasets:

• PostGIS
• Spatialite
• MySQL Spatial
• plain formats (for example shapefile)

for raster datasets:

• PostGIS Raster
• Rasterlite
• plain formats (for example geotiff)

SDI Services

• GeoNetwork
• GeoNode

Note that this list only refer to Open Source software, otherwise we would need to add more software and tools (most notably ArcGIS Server and Oracle Spatial).

Answer 2

You have your shape files, which the web browsers cannot read if you put them on a server somewhere. A user could download them and view them in an application but that's not what you want.

So this is where GeoServer, MapServer, OpenLayers, PostGIS come into play.

You would use PostGIS to store the data in your shape file as it's a spatial database.

You would use GeoServer or MapServer to Expose that data in an OGC Standard way to represent your layers.

And finally you would use OpenLayers to display those layers however you want in a pretty map on the web.

Update:

This might help you visualize it:

Answer 3

You could work though my course (though there's no credit I'm afraid). It provides a 9 step plan to get you up to speed on some of the concepts that you seem to be struggling with.

Answer 4

what i have understood from your que. is how can you spatialize your data? if you dont have any road map you can read Spatializing your Data with PostGIS, GeoDjango & OpenLayers

the tutorial contents contain following information which take from its web side:

This tutorial covers some of the most common Open Source GIS technologies available today – PostGIS, a set of spatial extensions to PostgreSQL; OSGeo’s OpenLayers, a client-side JavaScript map “mash-up” application; and GeoDjango, a set of Geospatial extensions to the Django framework. Using these technologies we will explain and implement a web application using municipal street, school, police, and property data from a typical US municipality (Wake County, NC).

Attendees will learn how to import and manage spatial data using GeoDjango, perform basic spatial queries using the GeoDjango database model, and develop and deploy web-based mapping services using OpenLayers.