angular-openlayers-directive icon indicating copy to clipboard operation
angular-openlayers-directive copied to clipboard

064-markers-render-html-inside-labels-example doesnt work with open layers 3.16

Open Xesenix opened this issue 8 years ago • 1 comments

I see this example: markers-render-html-inside-labels-example was written using open layers 3.4. I suppose much has changes since than because when hovering over labels using open layers 3.16 i get this error:

TypeError: Argument 1 of Node.appendChild does not implement interface Node.

You probably pass jquery/ angular object somewhere instead of native dom element when creating tool tip element.

Here is jsfidle example of my problem: https://jsfiddle.net/xesenix/1bm9zdLn/

Its basically the base example with open layers 3.16 instead of 3.4

Xesenix avatar Jun 13 '16 09:06 Xesenix

I have changed:

 createOverlay: function(element, pos) {
            element.css('display', 'block');
            var ov = new ol.Overlay({
                position: pos,
                element: element[0],
                positioning: 'center-left'
            });

            return ov;
        }

That seams to work for me.

Xesenix avatar Jun 13 '16 11:06 Xesenix