-
Notifications
You must be signed in to change notification settings - Fork 2.3k
Add altitude attribute to Marker and Popup #13335
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
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @yangtanyu for this valuable contribution! Adding altitude support for Markers and Popups is a great feature that will enable better 3D visualization capabilities.
The implementation looks good overall. While there are some minor nits, I'll go ahead and merge this now to speed up the process. We'll address improvements as the follow-up work on this feature.
This feature be included in the upcoming GL JS v3.11.0-beta.1. Really appreciate your contribution! 👍
You're welcome @stepankuzmin . I'm really glad to contribute to the development of this project. |
Hi,
I have added a new property to Marker and Popup that represents the height above the ground. This is very useful for rendering 3D models and marking objects with specific heights. I hope to contribute to the open-source community.
Please read the instructions and review the code, thanks!
Add additional detail and context in the PR description (with screenshots/videos if there are visual changes).


before:
after:


Manually test the debug page.
I used npm run start debug and added a markers-altitude.html debugging page
Write tests for all new functionality and make sure the CI checks pass.
I used npm run test and it passed the test
Document any changes to public APIs.
/src/ui/marker.ts -> line:58
/src/ui/popup.ts -> line:80
this PR includes style spec API or visual changes.
@mapbox/static-apis @mapbox/map-design-team
Launch Checklist
@mapbox/map-design-team
@mapbox/static-apis
if this PR includes style spec API or visual changes.@mapbox/gl-native
if this PR includes shader changes or needs a native port.