constructor() {
        super();
        const shadow = this.attachShadow({mode: 'open'});

        const style = document.createElement('style');
        style.innerText = `
          :host {
            display: block;
          }
        `;
        shadow.appendChild(style);

        const target = document.createElement('div');
        target.style.width = '100%';
        target.style.height = '100%';
        shadow.appendChild(target);

        this.map = new Map({
          target: target,
          interactions: defaultInteractions(options.interactionOpts),
          view: new View({
            center: [0, 0],
            resolutions: [1],
            zoom: 8,
          }),
        });
      }
Defines and registers a custom HTML element `ol-map`.

@param {Object} options Object holding different options used in
 constructor of OLComponent. Currently 'interactionOpts' can be set as
 child property.