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

Interactive SVG layer example #10363

Merged
merged 1 commit into from Dec 3, 2019
Merged

Conversation

ahocevar
Copy link
Member

@ahocevar ahocevar commented Dec 1, 2019

This pull request adds an example that shows how to use the new Layer render() API to create an interactive SVG layer.

To make working with transforms in custom layer renderers easier, I added a new composeCssTransform function to the ol/transform module.

To allow interacting with the SVG, I needed to add two css rules to the OpenLayers css.

See #4633, fixes #8105.

Copy link
Contributor

@jahow jahow left a comment

Choose a reason for hiding this comment

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

Tested, works great, thanks! A great showcase of what can be done with the render api.

I'm unsure as to which CSS core rule is overridden to make the example work though.

@ahocevar
Copy link
Member Author

ahocevar commented Dec 3, 2019

I'm unsure as to which CSS core rule is overridden to make the example work though.

That was only the case in a previous iteration of this pull request. I'm updating the description now.

@ahocevar ahocevar merged commit fb73bba into openlayers:master Dec 3, 2019
@ahocevar ahocevar deleted the svg-layer branch December 3, 2019 13:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

SVG image as layer is blurry in OpenLayers 4
2 participants