Implement Geospatial Data Viewer in pgAdmin4 for PostGIS

• Title: Implement Geospatial Data Viewer in pgAdmin4 for PostGIS
• Organization: ​OSGeo
• Mentors: ​Victoria Rautenbach and Frikan Erwee
• Student: Xuri Gong, Peking University
• GSoC Proposal: ​Proposal for GSoC 2018.pdf
• Repository: ​https://github.com/Gooong/pgadmin4

Abstract

​pgAdmin is the GUI management tool for PostgreSQL. The latest version pgAdmin4 is web-based and written in Python and jQuery with Bootstrap, using the Flask framework. But currently there is no geospatial data viewer in pgAdmin4, and external applications, such as QGIS are required if we want to browser the data in a map. It’s not convenient for users to view geometries directly in pgAdmin4 “Data Output” table panel.

I propose to implement a geospatial data viewer in pgAdmin4 that will allow users to view the tables in a spatial database and the results of queries executed. With the viewer I intend to develop, users can directly view geospatial data on a map within the pgAdmin4 GUI.

Weekly Reports:

• ​Community Bonding Period (April 24 - May 13)
• ​Week 1 (May 14 - 20)
• ​Week 1 (May 14 - 20)
• ​Week 1 (May 14 - 20)
• ​Week 1 (May 14 - 20)
• ​Week 1 (May 14 - 20)
• ​Week 1 (May 14 - 20)

Community Bonding Period (April 24 - May 13)

• Set up dev environment and my wiki page for TODO list and weekly report.
• Introduce myself and this project in ​pgAdmin4, ​PostGIS and ​SoC mailing list.
• Discuss with mentors about the implementation plan. Here is the draft of my technical notes: ​GSoC Technical notes
• Remain constant touch with my mentors using Google Hangouts. Set up user requirements and discuss the design details with mentors. Settle the final design according to user requirements and feasibility. Here is the design document: ​pgAdmin4 Geo Viewer Design Document
• Get deeper into pgAdmin4 source code and learn more about require.js lib.

Week 1 (May 14 - 20)

Create web UI for viewing map[part one]: Add the "map view" panel in pgadmin4 sqleditor.

Week 2 (May 21 - 27)

Create web UI for viewing map[part two]: Add layout and openlayers map in the "map view" panel.

Week 3 (May 28 - June 3)

Implement parse_geo_data function to parse the query result data.

Week 4 (June 4 - 10)

Add openlayers map and render the parsed result data in the map.

Week 5 (June 11 - 17)

Add function to group geometries with the same srid and render the group with max geometry number. Related discussion can be found ​here.

This is the ​code commit link in my repository. I have also updated the design document for this function.

Week 6 (June 18 - 24)