Can Open Layer 3 be used as a web component?

Question

i'm tasked with attempting to use Open Layer 3 as a web component. I've tried searching online but couldn't come up with any definite Yes or No answer. Does anyone here have an idea? And if it is yes, a clue to some website or book containing the guide would be most helpful. Thank you in advance

Answer 1

You can find some examples for using OpenLayers 3 as a web component.

Most of them are based on Polymer, a library making possible "to shim" HTML 5 web component features, mainly supported by Google.

The repositories I found so far are :

• https://github.com/fredj/ol3-polymer
• https://github.com/oliverroick/map-components

You should be aware that most of them are far from complete. It's mainly showcases and you will have to extend them depending of your purpose.

PS: For info, the web component world is not developed as it could be. You can see a recent article from Mozilla Hacks about them

Answer 2

There is now an OpenLayers 5 web component available:

• Starting point: https://www.webcomponents.org/element/@openlayers-elements/maps
• GitHub: https://github.com/zazuko/openlayers-elements
• Documentation: https://openlayers-elements.netlify.com/

Full disclosure: This is done by our company