Tools of the Geospatial Web
Last week - Google Maps <ul><li>It allows users to easily load and internet map through an API </li></ul><ul><li>This kind...
This Week <ul><li>Look at the API concept </li></ul><ul><li>Look at AJAX in greater detail </li></ul><ul><li>Look at other...
What is API <ul><li>An API is an Application Programming Interface </li></ul><ul><li>It web-developers to leverage the pow...
Google Maps API <ul><li>This API allows us to leverage the methods and classes developed by Google for this application </...
What does this look like? <ul><li><title>Google Maps JavaScript API Example</title> </li></ul><ul><li><script src=&quot;ht...
<ul><li><script type=&quot;text/javascript&quot;> </li></ul><ul><li>function initialize() { </li></ul><ul><li>if (GBrowser...
Event handler and its place <ul><li><body onload=&quot;initialize()&quot; onunload=&quot;GUnload()&quot;> </li></ul><ul><l...
More Information  <ul><li>http://www.google.com/apis/maps/documentation/introduction.html </li></ul>
Other APIs <ul><li>Yahoo! Maps </li></ul><ul><ul><li>http://developer.yahoo.com/maps/ </li></ul></ul><ul><li>Virtual Earth...
AJAX <ul><li>Ajax - Asynchronous JavaScript and XML </li></ul><ul><li>Ajax allows the Web browsers to send GET and POST re...
POST and GET <ul><li>Are Methods that are stated in submission forms </li></ul><ul><li>Eg. Database search </li></ul><ul><...
GET VS POST <ul><li>Get is used primarily in querying data  </li></ul><ul><li>Post is used for posting or uploading data i...
What does AJAX do? <ul><li>In AJAX POST and GET are managed through the AJAX engine or javascript object </li></ul><ul><li...
What does the user see? <ul><li>This creates a seamless experience allowing for richer experiences similar to the desktop ...
Non-API Internet GIS Applications <ul><li>Other Internet GIS applications allow for more robust tools and customization of...
Open SourceApplications  <ul><li>Mapserver - OGC Compliant first designed by NASA </li></ul><ul><ul><li>http://mapserver.g...
Application Architecture <ul><li>These Web Mapping Systems run a webserver or integrate with one </li></ul><ul><li>Store S...
Map files <ul><li>Data is then stored in an XML based Map file which is used to define the look and feel of the web map </...
Break <ul><li>After the break we will look at these two different applications in greater detail </li></ul>
Upcoming SlideShare
Loading in …5
×

Tools Of The Geospatial Web

707 views

Published on

Published in: Technology, News & Politics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
707
On SlideShare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
48
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Tools Of The Geospatial Web

    1. 1. Tools of the Geospatial Web
    2. 2. Last week - Google Maps <ul><li>It allows users to easily load and internet map through an API </li></ul><ul><li>This kind of map is classified as a Open, Reusable map </li></ul>
    3. 3. This Week <ul><li>Look at the API concept </li></ul><ul><li>Look at AJAX in greater detail </li></ul><ul><li>Look at other non-API Web Mapping Applications </li></ul>
    4. 4. What is API <ul><li>An API is an Application Programming Interface </li></ul><ul><li>It web-developers to leverage the power of other applications through their own websites </li></ul>
    5. 5. Google Maps API <ul><li>This API allows us to leverage the methods and classes developed by Google for this application </li></ul>
    6. 6. What does this look like? <ul><li><title>Google Maps JavaScript API Example</title> </li></ul><ul><li><script src=&quot;http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&quot; </li></ul><ul><li>type=&quot;text/javascript&quot;></script> </li></ul>
    7. 7. <ul><li><script type=&quot;text/javascript&quot;> </li></ul><ul><li>function initialize() { </li></ul><ul><li>if (GBrowserIsCompatible()) { </li></ul><ul><li>var map = new GMap2(document.getElementById(&quot;map_canvas&quot;)); </li></ul><ul><li>map.setCenter(new GLatLng(37.4419, -122.1419), 13); </li></ul>
    8. 8. Event handler and its place <ul><li><body onload=&quot;initialize()&quot; onunload=&quot;GUnload()&quot;> </li></ul><ul><li><div id=&quot;map_canvas&quot; style=&quot;width: 500px; height: 300px&quot;></div> </li></ul><ul><li></body> </li></ul>
    9. 9. More Information <ul><li>http://www.google.com/apis/maps/documentation/introduction.html </li></ul>
    10. 10. Other APIs <ul><li>Yahoo! Maps </li></ul><ul><ul><li>http://developer.yahoo.com/maps/ </li></ul></ul><ul><li>Virtual Earth SDK </li></ul><ul><ul><li>http://dev.live.com/virtualearth/sdk/ </li></ul></ul><ul><li>ArcWeb Services </li></ul><ul><ul><li>http://www.esri.com/software/arcwebservices/index.html </li></ul></ul>
    11. 11. AJAX <ul><li>Ajax - Asynchronous JavaScript and XML </li></ul><ul><li>Ajax allows the Web browsers to send GET and POST requests without refreshing the browser </li></ul>
    12. 12. POST and GET <ul><li>Are Methods that are stated in submission forms </li></ul><ul><li>Eg. Database search </li></ul><ul><ul><li>http://first6years.org/?q=node/14 </li></ul></ul>
    13. 13. GET VS POST <ul><li>Get is used primarily in querying data </li></ul><ul><li>Post is used for posting or uploading data into a database </li></ul>
    14. 14. What does AJAX do? <ul><li>In AJAX POST and GET are managed through the AJAX engine or javascript object </li></ul><ul><li>This is done asynchronously meaning that code execution doesn’t wait for a response from a server </li></ul>
    15. 15. What does the user see? <ul><li>This creates a seamless experience allowing for richer experiences similar to the desktop environment. </li></ul>
    16. 16. Non-API Internet GIS Applications <ul><li>Other Internet GIS applications allow for more robust tools and customization of both Primary and secondary data. </li></ul><ul><li>Most now come with Out-of-the-Box development tools </li></ul>
    17. 17. Open SourceApplications <ul><li>Mapserver - OGC Compliant first designed by NASA </li></ul><ul><ul><li>http://mapserver.gis.umn.edu/ </li></ul></ul><ul><li>Geoserver- OGC Compliant with an interface similar to Open Layers </li></ul><ul><ul><li>http://geoserver.org/ </li></ul></ul>
    18. 18. Application Architecture <ul><li>These Web Mapping Systems run a webserver or integrate with one </li></ul><ul><li>Store Spatial data in a directory and provide an interface for creating your mapping application </li></ul>
    19. 19. Map files <ul><li>Data is then stored in an XML based Map file which is used to define the look and feel of the web map </li></ul><ul><li>Generally these files are used on one map at a time </li></ul>
    20. 20. Break <ul><li>After the break we will look at these two different applications in greater detail </li></ul>

    ×