Book Image

GeoServer Beginner's Guide

Book Image

GeoServer Beginner's Guide

Overview of this book

GeoServer is an open source server-side software written in Java that allows users to share and edit geospatial data. Designed for interoperability, it publishes data from any major spatial data source using open standards. GeoServer allows you to display your spatial information to the world. Implementing the Web Map Service (WMS) standard, GeoServer can create maps in a variety of output formats. OpenLayers, a free mapping library, is integrated into GeoServer, making map generation quick and easy. GeoServer is built on Geotools, an open source Java GIS toolkit.GeoServer Beginner's Guide gives you a kick start to build custom maps using your data without the need for costly commercial software licenses and restrictions. Even if you do not have prior GIS knowledge, you will be able to make interactive maps after reading this book.You will install GeoServer, access your data from a database, style points, lines, polygons, and labels to impress site visitors with real-time maps.Follow along through a step-by-step guide that installs GeoServer in minutes. Explore the web-based administrative interface to connect to backend data stores such as MySQL, PostGIS, MSSQL, and Oracle. Display your data on web-based interactive maps, style lines, points, polygons, and embed images to visualize this data for your web visitors. Walk away from this book with a working application ready for production.After reading the GeoServer Beginner's Guide, you will have beautiful, custom maps on your website built using your geospatial data.
Table of Contents (20 chapters)
GeoServer Beginner's Guide
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Time for action – integrating GeoServer and OpenLayers


Once again, let's dive into the source code and see how OpenLayers works with GeoServer:

  1. Open chapter7/index.html in your favorite browser.

  2. Click on the OpenLayers Basic Map example:

  3. Open chapter7/openlayers/geoserverbase/index.html and /chapter7/openlayers/geoserverbase/map.js. The index.html file is very similar to the previous one. The difference is the loading of the OpenLayers API code:

    <script type="text/javascript" src="http://openlayers.org/api/2.12/OpenLayers.js"></script>
  4. The map.js file is quite different. First we define the map options, that is, bounds and projection:

    var map;
    
    function mapinitialize() {
        var bounds = new OpenLayers.Bounds(
            -180.0, -90.0, 180.0, 90.0
            );
    
        var options = {
            maxExtent: bounds,
            projection: 'EPSG:4326',
            units: 'degrees'
        };
  5. Then we create a new map object:

        map = new OpenLayers.Map('map', options);
  6. Create a new layer object and define its...