Openlayers-Map is not working inside docking layout

[PrashantParticipant]

Hi All,

I am trying to integrate third party component into docking layout(Openlayers 3.0/Angular 2.0). I have created map component and integrate with Angular 2.0 RC5 and is working fine,then i tried to use same component in docking layout(Type : documentPanel) but map is not getting displayed in document panel.Only map div border and navigation buttons are displayed on screen.

I have verified that,first map component is loaded and then generate docking layout. There is no error on browser console.
Is there any technical issue with Angular 2.0(Openlayers) and Angular 2.0-RC5(Docking layout)?

Any help would be appreciated,

Regards,
Prashant

[HristoParticipant]

Hello Prashant,

We do no have experience with this library.
But I would like to focus the attention on this way how to initialize inner widget in “initContent”.
Also load “ElementRef” from ‘@angular’ source. After this create element.
Please, take a look this example and especially this part:

let myTree: jqxTreeComponent = new jqxTreeComponent(new ElementRef(document.getElementById("Tree"))); 
myTree.createWidget({ width: 190, source: source });

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts