Kepler.gl: Allow drawing on map to create paths and polygons

[heshan0131]

• Use nebula.gl to allow a user to freely draw on the map and create polygons and paths. New geometries will be added to a geometry filter.

• Add UI to guide drawing process (Need UI/UX design). Confirm closing polygon, and edit polygon waypoints.

• In the drawing UI, allow a user to select layers to be filtered by the new geometry

[tusheet]

Hi Shan He,
Wondering on the updates on this and if there have been any changes to the expected timelines for Milestone 2: Geo Operations.

Regards,
Tusheet

[MosheMalin]

Hi,
Is there maybe an update about this item? It's a really must..
If it's not close, how would you recommend to add something that draws polygons in the meanwhile?

[heshan0131]

We will be working on this for the coming couple of weeks, still no eta yet.

What’s your specific use case?

On Wed, Jun 12, 2019 at 11:06 PM MosheMalin [e-mail]
wrote:

Hi,
Is there maybe an update about this item? It's a really must..
If it's not close, how would you recommend to add something that draws
polygons in the meanwhile?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/keplergl/kepler.gl/issues/389?email_source=notifications&email_token=AA3QINBZX5C2N7MWBOZNK5DP2HPXJA5CNFSM4G2XJBM2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXSTUCQ#issuecomment-501561866,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AA3QINBXOEIM6UHADRRZPPLP2HPXJANCNFSM4G2XJBMQ
.

[MosheMalin]

Thanks.
The use case is quite simple (at least to describe..): Draw a polygon, get its coordinates. Also be able to delete it.
Obviously more options (like: move/edit/color/etc) would be nice, but the above is the minimal use case.

Moshe

[macrigiuseppe]

Using https://github.com/uber/nebula.gl/pull/230/files#diff-3e8198e4d5858958a34a355103584bd1 to implement the new feature:

[heshan0131]

@macrigiuseppe please talk to @xintongxia about using react-map-gl-draw

https://github.com/uber/nebula.gl/blob/xx/react-map-gl-draw-rfc/dev-docs/RFCs/v1.0/react-map-gl-draw.md

[macrigiuseppe]

@macrigiuseppe please talk to @xintongxia about using react-map-gl-draw

https://github.com/uber/nebula.gl/blob/xx/react-map-gl-draw-rfc/dev-docs/RFCs/v1.0/react-map-gl-draw.md

@heshan0131 I already started implementing react-map-gl-draw in kepler. I will reach out to @thelinuxfoundation for questions.

[bragilev]

Hi
Maybe you can suggest some workaround how to use the react-map-gl-draw in kepler ? And what is your estimation for the official release that will contain this feature ?
Thanks

[macrigiuseppe]

Hi
Maybe you can suggest some workaround how to use the react-map-gl-draw in kepler ? And what is your estimation for the official release that will contain this feature ?
Thanks

We are currently working on this. We don't have a precise estimate for this feature to go out

[briantcl]

update: June 28

• done with the integration
• pending improvements in the UX in selecting and editing polygon based on limitations in react-map-gl draw

[bragilev]

Hi
We found a workaround for using polygon in kepler.gl by integration map.gl
component and kepler.gl component with the same mapbox reference.
In KeplerGL "getMapboxRef={(mapbox, index) => this._getMapboxRef(mapbox,
index)}" gave us the reference to mapbox.
In MapGL " connection between the two components.
And using z-index we succeeded to show the Editor and Toolbar on front of
KeplerGL map and MapGl map was moved to invisible background.

On Fri, Jun 28, 2019 at 9:08 PM Brian Tsang [e-mail]
wrote:

update: June 28

• done with the integration
• pending improvements in the UX in selecting and editing polygon
  based on limitations in react-map-gl draw

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/keplergl/kepler.gl/issues/389?email_source=notifications&email_token=ADILFQHP6G4QYJTKW27NQ2LP4ZHQJA5CNFSM4G2XJBM2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODY2ZITY#issuecomment-506827855,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ADILFQC47UR523IMZUL5IDTP4ZHQJANCNFSM4G2XJBMQ
.

[macrigiuseppe]

Hi We found a workaround for using polygon in kepler.gl by integration map.gl component and kepler.gl component with the same mapbox reference. In KeplerGL "getMapboxRef={(mapbox, index) => this._getMapboxRef(mapbox, index)}" gave us the reference to mapbox. In MapGL " …
On Fri, Jun 28, 2019 at 9:08 PM Brian Tsang ***@***.***> wrote: update: June 28 - done with the integration - pending improvements in the UX in selecting and editing polygon based on limitations in react-map-gl draw — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#389?email_source=notifications&email_token=ADILFQHP6G4QYJTKW27NQ2LP4ZHQJA5CNFSM4G2XJBM2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODY2ZITY#issuecomment-506827855>, or mute the thread https://github.com/notifications/unsubscribe-auth/ADILFQC47UR523IMZUL5IDTP4ZHQJANCNFSM4G2XJBMQ .

This feature is still a work in progress. We will provide updates.

[heshan0131]

https://github.com/uber/nebula.gl/pull/254.

[amaton]

Hi Shan He;
Is there updates on this topic?

[macrigiuseppe]

Hi Shan He;
Is there updates on this topic?

@amaton this feature was implemented in #595 and it's already available on our demo site: https://kepler.gl/

[donniekerr]

Can you use the kepler.gl api to programmatically draw a polygon? I don't see drawing-related actions/reducers in the docs?