Nativescript Angular 2 issue while using MapBox inside the HTML

The case is the following. I have registered new Element inside the main.ts file using registerElement method.

main.ts file

var map = require("nativescript-mapbox");
registerElement("Map", () => map.Mapbox);

Then I have try to use this element inside my HTML file as follow. app.component.html

<GridLayout>
<Map
    accessToken="ACCESS_TOKEN"
    width="250" 
    height="150"  
    latitude="52.3702160"
    longitude="4.8951680"
    zoomLevel="3"
    mapStyle="light"
    hideAttribution="false"
   showUserLocation="true"
   hideCompass="false"></Map>
</GridLayout>

However on the screen will be show black box even, when the accessToken has been insert. The only way to use this component inside the NS Angular 2 project is to do from code behind, but the Component will be displayed above the other components.

[EddyVerbruggen]

That’s great news, thanks for confirming it so quickly! I’ll push 2.3.0 to npm later today so everyone can easily get this fix.

[EddyVerbruggen]

I’ve now applied a similar fix for Android - can you try the latest version from GitHub? Seems to work great with your demo app.