Leaflet – "an open-source JavaScript library for mobile-friendly interactive maps"

GeoServer – "Designed for interoperability, it publishes data from any major spatial data source using open standards"

 

• Useful readings:
  1. w3schools.com tutorials [ HTML | CSS | JavaScript | JSON | AJAX ]
  2. Introduction to Web Mapping, Michael Dorman [Link]
  3. Publish your Geoserver data with leafletjs using WMS, Tek Bahadur Kshetri [Link]
  4. WFS request in Geoserver using Leafletjs, Tek Kshetri [Link]
  5. Managing GeoJSON Data Using GDAL, Tim Stallman [Link]
• References:
  1. leafletjs.com [ Leaflet official website, link | Tutorials, link | Documentation, link | Plugins, link ]
  2. GeoServer [Link]
  3. PostgreSQL [Link]
  4. PostGIS [Link]
  5. AJAX [Link]
  6. WMS [Link]
  7. WFS [Link]
  8. JSON official website [Link]
  9. GeoJSON official website [Link]
  10. geojson.io [Link]
  11. JavaScript [Link]
  12. CSS [Link]
• Lab_13_AJAX_WFS_GeoJSON
  1. Lab_13_A [World, USA]
     • A1 (AJAX WFS and GeoJSON points request to local and remote server)
     • A2 (AJAX GeoJSON polygons request to local server)
  2. Lab_13_B [Taiwan area]
     • B1 (AJAX GeoJSON points request to local server)
     • B2 (AJAX GeoJSON polygons request to local server)
  3. Lab_13_H [Hong Kong area]
     • H1 (AJAX GeoJSON points request to local server)
     • H2 (AJAX GeoJSON polygons request to local server)
     • H3 (customization of the spatial data)
• Click to see the selected screen shoots