[Feature]-[15]: Add better mapping widgets like OpenLayers, Leaflet and Cesium

[ajinkyakulkarni]

Summary

Add better mapping widgets like OpenLayers, Leaflet, Cesium, etc.

Motivation

The current mapping widget (Google Maps) has very limited capabilities to display GIS data using protocols like WMS, WFS, WMTS, etc. The Earth Science, Geo Science, and similar communities heavily use GIS-enabled data and the above libraries are required to display needed datasets.

Additional Context

There are other communities, companies where these kinds of widgets are required. Following are some references -

• https://www.esri.com/en-us/home
• https://www.agu.org/
• https://www.earthcube.org/
• https://search.earthdata.nasa.gov/
• https://worldview.earthdata.nasa.gov/

[somangshu]

Related > #1905

[momcilo-appsmith]

Stats

Stat	Values
Reach	30
Effort (months)	1

[JasonHWRC]

Hi guys has any progress been made on this enhancement?

[somangshu]

Hey @JasonHWRC can you please help us understand what are you looking for? What use case you have in mind?

[JasonHWRC]

Ideally providing the same functionality as described in this https://www.youtube.com/watch?v=xCTiPNlBKLU but instead of markers defined by a lat long coordinate being able to display markers(points), lines and polygons supplied as geojson from an API using the WGS84 (lat long) coordinate system.

Ideally, AppSmith could support a FeatureCollection geojson payload which could include 1 or more spatial feature types i.e mixture of points, lines and polygons.

Our business use cases

1. The user triggers a search from the AppSmith app to an API the response is a spatial object (point, line or polygon) formatted as geojson and the object is displayed in the map widget. The geojson properties include a title element that functions as in the video for markers.
2. The user opens the AppSmith app and the map widget queries a specified API with the extent of the map widget window (minimum bounding rectangle/ minX minY, maxX maxY), all spatial features within the defined are returned as geojson and displayed in the map widget. The geojson properties include a title element that functions as in the video for markers. This could be achieved by adding additional inputs for url and minX minY, maxX maxY parameters to append to the url within the map widget.

We don't see a need for users to add spatial features other than markers/points.

Additional functionality/nice to have

1. be able to define the color and line thickness based on a element, within the geojson properties e.g. "color":"#32a852"
2. be able to select a spatial object in the map widget and display the properties of the geojson for that spatial object in a popup list bubble.

Hope this helps if not let me know and I can expand or provide examples

[JasonHWRC]

Does anyone have an update on this enhancement?

[somangshu]

@JasonHWRC apologies for missing this out earlier. This is not yet prioritised, but the good news is that this use case is going to be possible soon if you can find an NPM library doing it. We are releasing the Custom widgets soon, this allows you to build widgets that are not natively provided by Appsmith.

We are trying to release this by the end of year, please lookout for it, you can track the update here

cc @sbalaji1192 @dilippitchika

[JasonHWRC]

Great thanks for the update

[Stezii]

+1