Nativescript + Angular2 Apple Maps

Question

I am trying to create an Apple Map(MapKit) based app using Nativescript+NG2 and I am not sure how to go about including the map on the template. I have tried this plugin in Nativescript-JS app where it works but not in NS+NG2.

I tried to create MapViewEl as below and doesn't display any errors or the map.

declare var MKMapView: any;
declare var UIScreen: any;

export class MapViewEl {
    private _ios: any;
    constructor() {
        console.log("MapViewEl");
        this._ios = MKMapView.alloc().initWithFrame( UIScreen.mainScreen().bounds );       
    }

    get ios(): any {
        return this._ios;
    }
} 


//in app.component.ts
@Component({
   selector:"<my-app></my-app>"
   template:"<StackLayout><MapViewEl></MapViewEl></StackLayout>"
})

Any links or directions on how to approach this.

Thanks

Rjk · Accepted Answer · 2016-09-23 06:40:20Z

1

Alright, after so many trail and errors I found it,

I missed the registerElement part of it,

//in app.component.ts
registerElement("MapViewEl", () => require("./mapsnew").MapViewEl);

@Component({
   selector:"<my-app></my-app>"
   template:"<StackLayout><MapViewEl></MapViewEl></StackLayout>"
})

answered Sep 23, 2016 at 6:40

Rjk

1,4843 gold badges17 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Nativescript + Angular2 Apple Maps

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related