Difference between revisions of "Integrating OpenLayers with GeoExt"

From OSGeo
Jump to navigation Jump to search
Line 3: Line 3:
 
Percy gives a guided tour of an Openlayers + GeoExt App developed for the Metropolitan Knowledge Network (http://mkn.research.pdx.edu)
 
Percy gives a guided tour of an Openlayers + GeoExt App developed for the Metropolitan Knowledge Network (http://mkn.research.pdx.edu)
  
'''What is a Layer in OpenLayers?''' Javascript definition of where a data service is, and parameters for defining what data you want to retrieve from hat service, and how you want to control or display it?
 
  
Tour of How to set up all the map components in OpenLayers
+
'''Tour of How to set up all the map components in OpenLayers'''
  
Tour of GeoExt:  Load ExtJS Library, Load GeoExt library
+
first array in wms layer definition gets passed to WMS service
 +
second array in wms layer gets passed to OPENLAYERS
 +
 
 +
'''What is a Layer in OpenLayers?''' Javascript definition of where a data service is, and parameters for defining what data you want to retrieve from hat service, and how you want to control or display it...
 +
 
 +
'''Layer Types'''
 +
 
 +
* WMS
 +
* Mapserver
 +
* XYZ - deals with tile cache layers (arcgis server allows you to render out to a tile set - same as google maps tile set)
 +
 
 +
* esri has a online tile cache you can use
 +
  (services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/Mapserver/tile/$(z)/$(y)/$(x)
 +
 
 +
WEB Mercator / Spherical Mercator
 +
 
 +
OGR2OGR - used to spit out a json file
 +
 
 +
test map has a transparency slider
 +
 
 +
there is a limitation on client side drawing points
 +
 
 +
 
 +
 
 +
'''Tour of GeoExt:  Load ExtJS Library, Load GeoExt library'''
  
 
Use GeoExt to provide map interface components like Legend, Layer Opacity slider, attribute display tables (including sorting of columns), zoom to feature functions (grid select model)
 
Use GeoExt to provide map interface components like Legend, Layer Opacity slider, attribute display tables (including sorting of columns), zoom to feature functions (grid select model)
Line 13: Line 36:
 
check out the interface2.js file for the simple interface Percy was touring through..
 
check out the interface2.js file for the simple interface Percy was touring through..
  
'''
+
'''Quickie list of topics for future PDX-OSGEO meetings'''
Quickie list of topics for future PDX-OSGEO mtgs'''
 
  
 
in depth:
 
in depth:
  
 
- GRASS
 
- GRASS
 +
 
- GeoExt
 
- GeoExt
 +
 
- Python
 
- Python
  
 
Percy proposed a quarterly in depth friday - maybe we should poll on the popularity of which topic should be first
 
Percy proposed a quarterly in depth friday - maybe we should poll on the popularity of which topic should be first

Revision as of 22:49, 1 April 2011

PDX-OSGEO: Session 5 - Integrating OpenLayers with GeoExt

Percy gives a guided tour of an Openlayers + GeoExt App developed for the Metropolitan Knowledge Network (http://mkn.research.pdx.edu)


Tour of How to set up all the map components in OpenLayers

first array in wms layer definition gets passed to WMS service second array in wms layer gets passed to OPENLAYERS

What is a Layer in OpenLayers? Javascript definition of where a data service is, and parameters for defining what data you want to retrieve from hat service, and how you want to control or display it...

Layer Types

  • WMS
  • Mapserver
  • XYZ - deals with tile cache layers (arcgis server allows you to render out to a tile set - same as google maps tile set)
  • esri has a online tile cache you can use
  (services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/Mapserver/tile/$(z)/$(y)/$(x)

WEB Mercator / Spherical Mercator

OGR2OGR - used to spit out a json file

test map has a transparency slider

there is a limitation on client side drawing points


Tour of GeoExt: Load ExtJS Library, Load GeoExt library

Use GeoExt to provide map interface components like Legend, Layer Opacity slider, attribute display tables (including sorting of columns), zoom to feature functions (grid select model)

check out the interface2.js file for the simple interface Percy was touring through..

Quickie list of topics for future PDX-OSGEO meetings

in depth:

- GRASS

- GeoExt

- Python

Percy proposed a quarterly in depth friday - maybe we should poll on the popularity of which topic should be first