Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Maps] symbolize points with maki icons #37822

Merged
merged 26 commits into from
Jun 14, 2019
Merged

Conversation

nreese
Copy link
Contributor

@nreese nreese commented Jun 2, 2019

fixes #30738

This PR adds maki icons to the Maps application so users can sybmolize points with icons instead of circles. Don't be scared by the line count, 5600 of those are from sprite sheet json definition.

Screen Shot 2019-06-02 at 10 29 49 AM

Screen Shot 2019-06-02 at 10 20 11 AM

Screen Shot 2019-06-02 at 10 19 35 AM

@nreese nreese added release_note:enhancement [Deprecated-Use Team:Presentation]Team:Geo Former Team Label for Geo Team. Now use Team:Presentation v8.0.0 v7.3.0 labels Jun 2, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-gis

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💔 Build Failed

@nreese
Copy link
Contributor Author

nreese commented Jun 3, 2019

jenkins, test this

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@nreese nreese requested review from kindsun and nickpeihl June 7, 2019 18:32
Copy link
Member

@nickpeihl nickpeihl left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I receive an error when I attempted to change an existing grid aggregation layer from circle to icon. The error also occurs when changing an existing grid aggregation layer from icon to circle.

Error: Uncaught TypeError: Cannot read property 'queryRadius' of undefined (webpack://%5Bname%5D/./node_modules/mapbox-gl/dist/mapbox-gl.js?:28)

Document layers look great and are very performant!

@elasticmachine
Copy link
Contributor

💔 Build Failed

@nreese nreese requested a review from nickpeihl June 7, 2019 20:34
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Copy link
Member

@nickpeihl nickpeihl left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm!

tested in Firefox.

@elasticmachine
Copy link
Contributor

💔 Build Failed

@kindsun
Copy link
Contributor

kindsun commented Jun 14, 2019

Wow that is a cool feature! lgtm with green CI!

  • Tested in chrome, code review

@elasticmachine
Copy link
Contributor

💔 Build Failed

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@nreese nreese merged commit 8ddb5b7 into elastic:master Jun 14, 2019
nreese added a commit to nreese/kibana that referenced this pull request Jun 14, 2019
* [Maps] sybmolize points with maki icons

* add from for selecting symbol

* add from for selecting symbol

* get icons working for static colors

* static icon sizing

* refacto symbol_utils

* timing issue

* use SDF icons

* dynamic iconSize

* set icon-anchor

* display symbol icon in map legend

* add unit tests for VectorIcon

* set icon fill based on dark mode

* remove unused file

* fix jest tests

* set icon-opacity

* use size style to configure icon-image small or large

* fix queryRadius error by just hiding other point layer instead of removing

* remove console statement on error

* use maki icon size constants

* add retry around opening set view popover for flaky test
nreese added a commit that referenced this pull request Jun 14, 2019
* [Maps] sybmolize points with maki icons

* add from for selecting symbol

* add from for selecting symbol

* get icons working for static colors

* static icon sizing

* refacto symbol_utils

* timing issue

* use SDF icons

* dynamic iconSize

* set icon-anchor

* display symbol icon in map legend

* add unit tests for VectorIcon

* set icon fill based on dark mode

* remove unused file

* fix jest tests

* set icon-opacity

* use size style to configure icon-image small or large

* fix queryRadius error by just hiding other point layer instead of removing

* remove console statement on error

* use maki icon size constants

* add retry around opening set view popover for flaky test
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Maps] Custom icons point styling
4 participants