Geoserver OilGas - Revision history

Admin at 06:10, 8 February 2015

2015-02-08T06:10:13Z

← Older revision		Revision as of 06:10, 8 February 2015
Line 111:		Line 111:

	[[Image:GeoserverOilGas.png\|500px]]		[[Image:GeoserverOilGas.png\|500px]]

			[[Category:GIS]]

Admin: /* Dealing with Projection Issues */

2015-02-02T14:36:36Z

Dealing with Projection Issues

← Older revision		Revision as of 14:36, 2 February 2015
Line 33:		Line 33:
	==Dealing with Projection Issues==		==Dealing with Projection Issues==

	I had some issues with the projection not being found. I ended up opening the .prj projection file (in the same directory as the shapefile), and using http://prj2epsg.org/ to find the corresponding EPSG code. Once I found the code (a four- or five-digit number), I was able to search for it, and find it. This allowed Geoserver ~~to correctly interpret the shapefile data~~.		I had some issues with the projection not being recognized by Geoserver.

	Below is an image showing how this ~~works~~:		I opened up the .prj projection file, and copied and pasted the contents at http://prj2epsg.org/

			This gave me a four- or five-digit EPSG code, which would help me find the correct EPSG projection in Geoserver.

			I used Geoserver's find projection feature to search for the four digit EPSG code, and selected that as the projection. This allowed Geoserver to correctly interpret the shapefile data. (I also had to specify this information in my Leaflet script, i.e., where I'm actually using the map data).

			Below is an image showing how this looks on the prj2epsg website:

	[[Image:Prj2EPSG.png\|500px]]		[[Image:Prj2EPSG.png\|500px]]

Admin: /* Dealing with Projection Issues */

2015-02-02T14:34:16Z

Dealing with Projection Issues

← Older revision		Revision as of 14:34, 2 February 2015
Line 37:		Line 37:
	Below is an image showing how this works:		Below is an image showing how this works:

	[[Image\|Prj2EPSG.png\|500px]]		[[Image:Prj2EPSG.png\|500px]]

	=Make A Map=		=Make A Map=

Admin: /* Dealing with Projection Issues */

2015-02-02T14:33:45Z

Dealing with Projection Issues

← Older revision		Revision as of 14:33, 2 February 2015
Line 34:		Line 34:

	I had some issues with the projection not being found. I ended up opening the .prj projection file (in the same directory as the shapefile), and using http://prj2epsg.org/ to find the corresponding EPSG code. Once I found the code (a four- or five-digit number), I was able to search for it, and find it. This allowed Geoserver to correctly interpret the shapefile data.		I had some issues with the projection not being found. I ended up opening the .prj projection file (in the same directory as the shapefile), and using http://prj2epsg.org/ to find the corresponding EPSG code. Once I found the code (a four- or five-digit number), I was able to search for it, and find it. This allowed Geoserver to correctly interpret the shapefile data.

			Below is an image showing how this works:

			[[Image\|Prj2EPSG.png\|500px]]

	=Make A Map=		=Make A Map=

Admin at 14:32, 2 February 2015

2015-02-02T14:32:07Z

← Older revision		Revision as of 14:32, 2 February 2015
Line 1:		Line 1:
			My geodroplet adventure:

			* Part 1 - [[Geodroplet]]
			* Part 2 - [[Geoserver]]
			* Part 3 - this page

	This page covers my attempt to get EIA oil and gas lease data into Geoserver.		This page covers my attempt to get EIA oil and gas lease data into Geoserver.

Admin: /* Make A Map */

2015-02-02T14:30:46Z

Make A Map

← Older revision		Revision as of 14:30, 2 February 2015
Line 89:		Line 89:
	});		});
	</source>		</source>

			==Finished Product==

			You should see the map below when you navigate to the page with the embedded map:

			[[Image:GeoserverOilGas.png\|500px]]

Admin: /* Make A Map */

2015-02-02T14:29:46Z

Make A Map

← Older revision		Revision as of 14:29, 2 February 2015
Line 58:		Line 58:
	var parameters = L.Util.extend(defaultParameters);		var parameters = L.Util.extend(defaultParameters);
	var URL = owsrootUrl + L.Util.getParamString(parameters);		var URL = owsrootUrl + L.Util.getParamString(parameters);
			</source>

			Now use the data to construct a map:

			<source lang="javascript">
	//ajax to get map features		//ajax to get map features
	$.ajax({		$.ajax({

Admin: /* Make A Map */

2015-02-02T14:29:09Z

Make A Map

← Older revision		Revision as of 14:29, 2 February 2015
Line 84:		Line 84:
	}		}
	});		});
			</source>

Admin: /* Make A Map */

2015-02-02T14:28:52Z

Make A Map

← Older revision		Revision as of 14:28, 2 February 2015
Line 31:		Line 31:
	=Make A Map=		=Make A Map=

	Next step is to make a map with that data.		Next step is to make a map with that data. We need to know the name of our map. In the case above, I added a shapefile called US_ShalePlays_EIA_May2011.shp, into the oilgas workspace, so my map is at <code>oilgas:US_ShalePlays_EIA_May2011</code>.

			I can point to this map when I give Leaflet.js my map data URL. Here is the Leaflet script to map this data:

			<source lang="javascript">
			var map = L.map('map').setView([35.0, -100.0], 4);

			L.tileLayer('http://api.tiles.mapbox.com/v4/mapbox.streets/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiY2hhcmxlc3JlaWQxIiwiYSI6ImpreUJGM3MifQ.w
			attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a>',
			maxZoom: 18
			}).addTo(map);

			var owsrootUrl = 'http://104.236.163.66:8080/geoserver/ows';

			var defaultParameters = {
			service : 'WFS',
			version : '1.0',
			request : 'GetFeature',
			typeName : 'US_ShalePlays_EIA_May2011',
			maxFeatures : '200',
			outputFormat : 'text/javascript',
			format_options : 'callback:getJson',
			SrsName : 'EPSG:4269'
			};

			var parameters = L.Util.extend(defaultParameters);
			var URL = owsrootUrl + L.Util.getParamString(parameters);

			//ajax to get map features
			$.ajax({
			type: "POST",
			url: URL,
			dataType: 'jsonp',
			jsonpCallback : 'getJson',

			//upon success extraction of data
			success: function (data) {

			// the data.geometry field contains coordinate/location data.
			//
			// now use this page on Leaflet+GeoJSON:
			// http://leafletjs.com/examples/geojson.html

			//create a new geojson layer
			var geojson = new L.geoJson(data, {

			// apply a style
			style: {"color":"#ff7800","weight":2}
			}).addTo(map);

			//var marker = L.marker([40.7543, -73.9858]).addTo(map);
			}
			});

Admin: /* Make Data Store */

2015-02-02T14:18:31Z

Make Data Store

← Older revision		Revision as of 14:18, 2 February 2015
Line 28:		Line 28:

	I had some issues with the projection not being found. I ended up opening the .prj projection file (in the same directory as the shapefile), and using http://prj2epsg.org/ to find the corresponding EPSG code. Once I found the code (a four- or five-digit number), I was able to search for it, and find it. This allowed Geoserver to correctly interpret the shapefile data.		I had some issues with the projection not being found. I ended up opening the .prj projection file (in the same directory as the shapefile), and using http://prj2epsg.org/ to find the corresponding EPSG code. Once I found the code (a four- or five-digit number), I was able to search for it, and find it. This allowed Geoserver to correctly interpret the shapefile data.

			=Make A Map=

			Next step is to make a map with that data.